[프로젝트] 팀 소개 및 개인 소개 페이지 만들기

• 프로젝트 제목 : "NF한 NFT를 소개합니다!" (대체 불가능 한 팀 NonFungibleTeam)

 

• 개발 인원 : 5명

 

• 프로젝트 진행 기간 : 2022.10.31 ~ 2022.11.3 (4일 동안 진행)

 

• 사용한 기술 스택 : Python(Flask), JavaScript, HTML, CSS, MongoDB

 

• 팀원의 역할
  • 김태웅 : 팀 소개 html, css 구현 / 개인 소개 페이지 구현
  • 김송미 : 방명록 html, css 구현 / 개인 소개 페이지 구현
  • 이 솔 : 좋아요 기능 구현 / 개인 소개 페이지 구현
  • 박찬환 : 방명록 기능 구현 / 팀 소개 및 개인 소개 페이지 구현
  • 홍승엽 : 멤버 카드 기능 구현 / 개인 소개 페이지 구현

 

• 구현된 api

기능	Method	URL	Request	Response
방명록 작성하기	POST	/comment/name	새 방명록
방명록 가져오기	GET	/comment/name		저장된 방명록
좋아요 누르기	POST	/like 1~5	좋아요
좋아요 가져오기	GET	/like 1~5		저장된 좋아요 수

 

• 데이터 베이스 구조

like	comments
+ id	+ id
+ name	+ name
+ likes	+ comments

 

• 프로젝트 결과
  • 구현 내용(메인 페이지)
    1. 팀 이름과 팀 소개, 우리팀의 약속을 보여주는 UI
    2. 멤버 카드 UI의 이미지를 클릭하면 각 팀원의 웹페이지로 이동
    3. 페이지 하단에 방명록을 작성하는 기능 구현
    4. 페이지 하단에 좋아요 버튼 기능 구현 
  • 구현 내용(팀원 페이지)
    1. 각 팀원 페이지마다 애니메이션 효과로 자신의 정보를 보여줌
    2. 각 팀원 페이지마다 방명록 작성 기능 구현
    3. 각 팀원 페이지마다 좋아요 버튼 기능 구현

 

• KPT 회고 : https://tobeagoodengineer.tistory.com/13

[KPT회고] NFT 미니프로젝트 - 팀과 자신을 소개하는 웹페이지 만들기

 

• 프로젝트가 담긴 깃허브 주소 : https://github.com/LEESOLL/NFT

GitHub - LEESOLL/NFT

 

• 느낀점
  • 팀 프로젝트를 진행 할 때, 역할 분담을 어떤식으로 나눠야 좋을 지 정하는게 어려웠다.
  • 깃허브를 사용하는게 미숙해서 각자의 코드를 합치는게 어렵고 시간이 오래 소요됐다. 그러나 이를 통해 깃과 한걸음 더 친해질 수 있었다.
  • 더 다양한 기능을 구현하고 싶었는데, 주어진 시간 안에 더 많은 기능을 구현하기엔 실력이 부족했다. 추후에 더 보완해서 깃허브에 올릴 예정
  • HTML, CSS 를 예쁘게 꾸미지 못해서 아쉬웠다. 기능도 중요하지만 보여지는게 이쁘지 않은게 살짝 아쉬웠다.
  • 협업을 하면서 각자 실력이 부족한 부분이 있어도, 서로 알려주고 함께 성장해 나가는 모습을 볼 수 있어서 뿌듯했다. 서로 서로가 존중하니 팀 분위기도 화기애애 해서 문제없이 프로젝트를 마무리 할 수 있음에 감사했다.
  •  웹 페이지가 개발되는 전체적인 흐름을 알 수 있어서 좋았다. API통신이라든지, 서버를 빌려서 배포하는 일, 데이터를 DB에 저장하고 불러오는 것 까지 짧은 기간동안 많은 것을 얻을 수 있는 의미있는 프로젝트 였다.