Coding the add exercise feature in my app (TanStack Start, ShadCN, Drizzle, Postgres)
- 앱에 운동 추가 기능 코딩 과정 설명: 🔨
- 사이드 네비게이션 및 콘텐츠 표시 기능 구현 후 운동 추가 페이지 및 로그 기능 추가 작업 진행: ➡️
- 상단 우측에 운동 추가 버튼 추가 및 스타일링: ➕
- 새로운 운동 추가 페이지(
exercise.add.tsx
) 생성 및 라우팅 설정: 📄
TanStack Router
를 이용한 라우팅 과정에서 발생하는 문제 해결 및 Outlet
활용 방법 고찰: 🗺️
- ShadCN 폼 라이브러리 활용하여 운동 추가 폼 구현: 📝
- 폼 데이터 유효성 검사 및 Zod 라이브러리 활용: ✅
- Drizzle ORM을 이용한 데이터베이스(Postgres)에 운동 정보 저장 기능 구현: 💾
- Hydration error 발생 및 해결 과정: 🐞
- TanStack Router 및 ShadCN 라이브러리 사용 시 발생하는 문제점과 해결 방안 모색: 🤔