시나리오: 사용자 회원가입 폼
이메일, 비밀번호, 이름처럼 가입에 필요한 필드를 정하고 각 필드의 검증 메시지를 화면에 연결합니다.
회원가입 폼 만들기 흐름
준비 단계: 스키마 단일화
입력 규칙은 Yup 스키마에 모으고, 컴포넌트는 등록과 오류 표시만 맡게 합니다.
검증 순서 및 확인 사항: 입력 오류 재현
실습 검증 순서는 필수값 누락 - 형식 오류 - 교정 입력 - 제출 성공으로 유지합니다.
프로젝트 설정 및 라이브러리 설치
`react-hook-form`, `yup`, `@hookform/resolvers`를 설치하고 resolver 연결이 타입과 런타임 검증을 함께 통과하는지 확인합니다.