유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Coding the add exercise feature in my app (TanStack Start, ShadCN, Drizzle, Postgres)

Web Dev Cody

2025. 2. 6.

0

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

Recommanded Videos