[250424] TIL

Today I Learned (2025-04-24)

• react-hook-form 1단계에 추가 준비함.
• 빌드 도구 1단계에 추가할 계획 세움.
• 유저 도메인 테크스펙 작성함.
  • 프로젝트 목표: 카카오 소셜 로그인으로 간편한 서비스 접근 제공, 개인정보 및 위치정보 동의 프로세스 명확화, 토큰 기반 안전한 인증 시스템 구축.
  • 아키텍처 개요: Next.js와 React를 기반으로 Zustand로 상태 관리, Tailwind CSS로 스타일링, TanStack Query로 데이터 관리.
  • 주요 페이지: /auth/callback, /auth/consent, /auth/signup, /mypage/profile, /mypage/places, /mypage/profile/edit, /mypage/profile/delete.
  • 상태 관리 전략: 사용자 정보와 프로필 관련 상태를 관리하기 위해 userStore와 profileStore 사용.
  • API 연동: 사용자 데이터, 프로필 이미지, 저장된 장소 데이터를 TanStack Query로 캐싱 및 자동 갱신 관리.