기획
주제
: 각 지역의 주요 자전거 도로에 대한 후기를 남기고 관련 정보들을 공유하는 페이지 제작
주요 기능
- 로그인 및 회원가입
- 각 지역별 주요 자전거 도로를 지도에 표시
- 각 도로의 후기 CRUD
- 정보 공유 커뮤니티 페이지 (글 CRUD, 댓글 CRD)
- 마이 페이지 (프로필 수정, 자신이 작성한 후기 확인)
진행
와이어프레임
개발 환경
- Language/Framework : JavaScript, React.js
- Package : yarn, CRA(Create React App)
- Library : react-router-dom, redux-toolkit, react-query, react-kakao-maps-sdk, styled-components
- API : Kakao Maps
- Database : Supabase
결과
프로젝트 링크 (zarani.vercel.app)
주요 문제 해결 내역
문제 내용
: 와이어프레임과 동일한 형태의 CSS를 구현하기 어려움
해결 방법
: 팀원들과 주기적으로 문제를 공유하고 의견을 나누어 다양한 CSS 코드를 적용해보고, 다양한 레퍼런스를 참고함
회고
좋았던 점
- 팀원 모두 적극적으로 소통하여 소통 부재로 인한 문제가 발생하지 않았다.
- 초기에 가능한 많은 컨벤션을 이야기 하여 코드를 일관적으로 작성할 수 있었다.
- GitHub의 협업 기능(Issue, PR)을 적극적으로 활용하여 버전 관리가 용이했고 충돌이 적었다.
아쉬웠던 점
- 각자의 주장이 강해 의견을 조율하는 데 약간의 어려움이 존재했다.
- 지식의 학습을 완전하게 하지 못한 채로 프로젝트에 돌입하여 구현에 많은 어려움이 존재했다.
- 새로 접한 기능과 자원이 많아 학습하는 데 많은 시간이 소요되었다.