- 동적 폼 구현을 위해 TanStack Form을 사용합니다. 폼 필드 추가/제거 가능. ➕
- Zod를 사용하여 실시간 유효성 검사를 구현합니다. 이메일 형식 오류 메시지 표시. 📧
useForm
훅을 사용하여 폼 상태를 관리하고 기본값을 설정합니다. ⚙️form.field
를 사용하여 개별 폼 필드를 래핑하고 값과 변경 핸들러를 연결합니다. 🏷️field.boostValue
를 사용하여 동적으로 폼 필드를 추가합니다. 🚀- 입력 값의 실시간 업데이트를 디버깅하기 위해
form.subscribe
를 사용합니다. 🐛 - 숫자 입력 필드에 대한 문자열 값을 정수로 파싱합니다 (
parseInt
). 🔢