냠냠_맛집 지도 프로젝트 - 1일 차

프로젝트 개요

Next.js, SSR 구조, Next-Auth, Supabase, 카카오 맵 API를 학습하기 위해 지도 앱 프로젝트를 만들기로 했습니다.

기술 목록

• Next.js
• Next-auth
• React-Query
• React-hook-form
• Prisma, Supabase
• Recoil
• Tailwind
• Vercel (CI/CD)

기술 선정한 이유

Next.js

서버사이드렌더링 제공, 라우팅 시스템, SEO, 프리렌더링, 코드 스플리팅, API Routes

React-Query

데이터 캐싱, 상태 관리, 비동기 작업, 뮤테이션, 상태 유지

React-hook-form

훅 기반, 폼 관리, 유효성 관리

Prisma
데이터 모델링, ORM 기능, 쿼리 생성

Supabase

데이터베이스, 인증, 스토리지 통합적으로 제공

프로그램 설계

다이어그램

기능 목록

• Next-auth를 이용한 사용자 인증
• Recoil를 이용한 마커 관리
• Next.js API Routes 설계
• React-Query의 무한 스크롤 및 캐싱 관리
• Daum 주소 API를 활용한 주소 데이터 생성
• geolocation를 활용한 현재위치 가져오기 적용