제 생각에 폼 검증은 항상 가장 귀찮은 일 중 하나였습니다. 이제 서버 액션으로 전환하면서 클라이언트 측과 서버 측 검증이 그 어느 때보다 중요해졌습니다. 이 영상에서는 Next.js에서 클라이언트 측과 서버 측 폼 검증을 모두 구현하는 방법을 보여드리겠습니다. 저는 이것이 최고의 솔루션이라고 확신합니다. shadcn, Zod, React Hook Form 등의 도구를 사용할 것입니다. 물론 서버 검증을 기반으로 토스트도 렌더링해 보겠습니다. 즐겁게 시청해 보세요!
📸 화면 녹화 소프트웨어: https://dub.sh/eDa47SO
🔒 최고의 인증 서비스: https://dub.sh/xeU8r3v
🚀 Cal 무료 결제: https://dub.sh/FAuffAy
👨🏻💻 GitHub 저장소: https://github.com/ski043/form-valida...
🌍 제 웹사이트: https://janmarshal.com/
✅ X에서 저를 팔로우하세요: https://x.com/janmarshaldev
📧 비즈니스 전용: jan@alenix.de
타임스탬프:
00:00 소개
00:50 예제 소개
02:05 "네이티브" 폼 유효성 검사
04:00 "커스텀" 폼 유효성 검사
06:45 1단계: Zod 스키마
09:20 클라이언트 측 폼 유효성 검사
20:00 서버 측 폼 유효성 검사
24:00 토스트 알림