프로젝트 링크깃허브 링크https://github.com/nkcfe/next-map.git
| 유저 스토리 | 기능 설계 |
|---|---|
| 로그인된 사용자만 지도 서비스 사용 가능 | Next-auth를 이용한 사용자 인증 관리 |
| 지도 마커 클릭 → 마커 정보 | Recoil를 이용한 마커 관리 |
| 상세 페이지에서는 맛집 상세 정보 & 댓글 볼 수 있다 | Next.js의 pages를 이용한 라우팅 |
| getServerSideProps로 데이터 가져오기 | |
| 좋아요 누르면 찜한 가게 리스트에서 모아볼 수 있다 | Like 모델링, 좋아요 누르고 취소할 수 있는 |
| API 설계 | |
| 상세 페이지에서 댓글 달 수 있고, 댓글 모아보기 가능 | Comment 모델링, 댓글 API 설계 |
| 마이페이지 사용자 댓글 모아보기 | |
| 맛집 리스트로 정렬 & 키워드 검색 가능 | React Query Infinite Scroll 이용 |
| Recoil을 이용한 키워드 검색 정렬 | |
| 새로운 맛집 등록, 원하는 주소 | Daum 주소 API를 활용한 주소 데이터 생성 |
| 지도 현위치 이동 가능,내 주변 맛집 볼 수 있다. | geolocation을 활용한 현위치 가져오기 적용 |
<aside> 💡 본 프로젝트는 토이 프로젝트로, Next.js를 학습하는데 초점을 맞추고 있습니다.
</aside>