React Hook Form과 Yup은 등록, 검증, 오류 표시 파이프라인으로 연결된다
필드는 register로 연결되고 제출 시 resolver가 Yup schema를 실행해 errors 객체를 만든다.
register
필드 연결
name과 ref
handleSubmit
제출 가로채기
기본 동작 방지
Yup resolver
schema 검증
errors 생성
UI
errors 표시
성공 시 submit
부분
맡는 일
주의
register
입력 추적
name 일치
resolver
스키마 실행
비동기 검증
errors
필드별 메시지
중첩 경로
submit
유효할 때만
중복 제출 방지