최종프로젝트

부트캠프의 꽃 최종 프로젝트가 시작됐다.
최종 프로젝트인 만큼 해보고 싶은 기능도 많고 주제 선정에도 심혈을 기울이게 된다.

주제 선정

주제 선정에 앞서 브레인스토밍을 진행했다.
예전에 배운 대로 서로의 의견에 이의 제기 없이 주제, 하고 싶은 기능들을 자유롭게 의견을 제시했다.

덕분에 다양한 아이디어들이 나왔고 아이디어가 많다 보니 아이디어마다 관심이 있는 사람과 관심이 없는 사람이 나뉘었다.
우리들이 원하는 기능을 구현할 수 있을지에 따라 아이디어들을 정리하고 각자의 관심사들을 적어 이를 투표했다.

그중 최종적으로 4가지 아이디어가 후보군에 올랐다.

카풀 , 쉐어하우스 , 캠핑 , 스포츠관련예매

우리가 하고 싶은 기능들을 담을 수 있는 좋은 아이디어들이지만 하나를 선택해야 했기에 결국 투표를 한 번 더 했다.
그 결과 최종 프로젝트 주제는 캠핑 예약 및 캠핑 관련 커뮤니티 사이트로 선정됐다.

예상구현기능

• 로그인/회원가입
• 캠핑장 등록 및 관리 (업체 회원)
• 캠핑장 예약 (일반 회원)
• 캠핑장 예약 알림
• 지도 api를 통해 캠핑장 위치 조회 및 주변 캠핑장 찾기
• 캠핑 관련 커뮤니티 게시글 CRUD
• 커뮤니티 게시글 무한 스크롤
• 게시글 및 캠핑장 좋아요

기술스택 및 선정이유

• yarn
  • npm은 패키지 버전이 일관적이지 않음
  • 설치 순서가 고정되어 있지 않음
  • 속도나 안정성 측면에서 npm보다 향상되어있음
  • 보안 측면에서 npm보다 안전
• Next.js
  • 캠핑 관련한 웹 페이지는 CSR로 선택하면 첫페이지 로딩 속도저하와 검색노출에 어려움이 있어 SSR인 Next.js를 선택함
  • 캠핑사이트는 이미지가 많이 필요한데, Next.js를 통해 이미지 최적화를 할 수 있음
• Typescript
  • 개발 생산성 향상
  • 오류 파악 용이
• Supabase
  • 관계형 db를 활용하여 데이터의 효율적 관리
• CSS module
  • 컴포넌트 단위로 스타일을 관리하기 때문에 스타일의 유지보수가 편리함
• Zustand
  • 러닝커브가 낮고 필요 코드량이 적음
• React query
  • 데이터를 다루는 비동기처리는 redux를 사용할 수 도 있지만 최적화가 어렵고 보일러플레이트가 많아 react query를 선택함
• Sentry
  • 프론트 에러 모니터링

디자이너와의 협업

최종 프로젝트인 만큼 디자이너 분과 협업이 가능했다.
디자이너 분의 일정상 주제 선정이 끝나고 저녁에 디자이너 분과 회의를 했다.
디자이너분의 시선은 우리와 달랐다.
정보를 수집하고 타겟층을 분석하고 사용자의 입장에서 생각을 했다.
기획 단계에서 굉장히 당연한 일이다.
나도 학부시절 팀플 때 자연스럽게 했던 일들이었지만 어느새 저 부분을 간과하고 타겟분석 보다 기능 구현 쪽을 더 생각하고 프로젝트에 임하고 있던 거 같다.
덕분에 중요한 걸 다시 한번 되새길 수 있었다.