코드캠프 팀프로젝트 회고록

코드캠프에서의 8주 기간 후에 약 한달동안 팀프로젝트를 진행하였다.
기간: [5/9 ~ 6/1]
인원: 프론트엔드 3명(본인 포함) / 백엔드 2명 / 디자이너 (😡)

총 4주간의 팀프로젝트 여정을 주 단위로 끊어 회고록을 작성해보고자 한다.

온도衣 서비스

배포주소 : http://tempclothes.site
한줄 설명: 기상청이나 어플에서 전해주는 날씨 데이터로 옷을 추천해 주는것이 아닌, 유저들이 OOTD 게시물을 올리며, 데일리 룩을 추천하는 서비스

1주차 (기획, 디자이너 이슈)

• 서비스 기획을 주로 하는 한주였다.
• 팀원 개개인이 기획 아이디어를 구상하여 토론 후 결정하였다.
• 각 팀마다 배정된 디자이너분이 계시고, 원활한 첫번째 팀미팅(디자이너분 포함) 이후, 갑작스러운 통보를 받았다.
• 디자이너분의 부재...
• 프론트엔드 팀원중에 한분께서 UI/UX 디자인을 함께 하는 상황이 벌어졌다.
• 팀원 모두 정말 화가 많이나고 갑작스러운 통보에 힘든 한주였다😂

2주차 (UI작업, 주요기능 작업)

• 프론트엔드 팀원중에 한분께서 figma를 이용하여 UI/UX작업을 도맡아 하시게 된 상황이 생겼고, 그렇기에 프론트엔드 작업을 할 수 인원이 한명이 줄어든 셈이 되어버렸다.
• 그렇기에 더욱 더 열심히 UI 작업을 가속화하였다.
• 반응형 웹까지 고려하여 적용하였다. (global css를 건드리게되었다)
• 본인이 맡은 주요기능은 이미지 업로드 부분이였다.
• input태그의 "multiple" 과 React-slick 라이브러리를 사용하였다!
• 과정에서 발견한 React-slick의 버그(?)가 있었는데 정말 해결하는데 적지않은 시간을 투자한 것 같다. (+ 다음 블로그에서 다룰 예정! +)

3주차 (온도衣 페이지, 로그인, 댓글/대댓글/멘션기능, 온보딩 페이지, 미세 UI작업)

• 3주차에 접어들면서, 주요기능은 해결한 상태였다.
• 이제는 적응이 되어있는 CRUD부분을 적용하는 한주였다.
• 구현한 페이지 및 기능 리스트🙆‍♂️:
  • 메인페이지중 하나인 온도衣 페이지
  • 로그인페이지(네이버, 카카오, 구글 소셜로그인 포함)
  • 게시글에 들어가는 댓글/대댓글 기능
  • 대댓글달기를 눌렀을때 @유저닉네임 나오는 멘션기능
• UI가 지속적으로 개선되어, 수정이 필요했던 UI부분을 포함한 끊임없는 UI작업은 계속되었다👍

4주차 (배포, UI마무리 작업, 시연영상 제작)

• 미세 UI작업과, 배포환경을 위해 작업기간 동안 적었던 불필요한 코드,
  console.log들, 주석들을 제거 작업을 진행하였다.
• Google Cloud Platform(GCP)를 통한 배포를 완료하였다!
• 시연영상 제작을 하였고, 발표까지 완료하였다!🤗

느낀점

첫 팀프로젝트였는데 정말 좋은 팀원들과 의사소통을 통해 많이 친해지고 작업하면서 즐거웠다. 나는 협업을 하는데 있어서 가장 중요하다고 생각하는 부분이 팀원들간의 소통이다. 원활한 의사소통은 개발분위기를 향상시키고, 전반적인 팀 분위기가 좋아지므로 시너지 효과를 낼 수 있다고 믿는다.

기능 구현은 정말 매력있는 부분임에 틀림없다. 기능구현과 더불어 UI는 정말 중요하다고 생각한다. 본인은 사용자의 경험인 UX를 끊임없이 고민하고 어떻게 하면 유저가 불편함을 호소하지 않게 할까를 고안하는 육각형 개발자로 성장하고자 한다.

코드캠프에서 배운 것들을 응용하고 적용시키며 멋진 프로젝트를 만들어냈다는 점에 대해서 아주 뿌듯하고, 지속적인 리팩토링과 공부를 통하여 성장하고 발전해나가는 세심한 프론트엔드 개발자 커리어를 만들어 나갈 것이다!😎