지도 기반 매장 서비스

1. 목표

• Next js 기본구조와 다양한 API를 학습하여 익숙해진다.
• Naver map 지도 API를 적용해보면서 지도 서비스를 만들어본다.
• 이미지 및 SEO 최적화를 통해 렌더링 속도 개선과 웹 접근성을 항샹시켜본다.

2. 사용한 기술

• React.js
• Next.js
• TypeScript
• Sass
• Recoil
• SWR
• Firebase Cloud Firestore
• Jest / RTL

3. 구현 목록

• Naver 지도 UI 및 해당 매장에 대한 Marker 구현
• 각 매장에 대한 상세 정보 보여주기
• 매장 상세, 매장 위치 공유
• 피드백 작성
• Next-seo를 통해 검색엔진 최적화
• getStaticProps, getServerSideProps를 통해 Main, Feecback, detail 페이지 pre-rendering 적용
• getStaticPath를 통해 각 매장에 대해 dynamic routing 적용

4. 최근 업데이트

• Detail page test 작성
• Feedback page test 작업 중