React · form

useForm 추상화 흐름

입력값, 검증, 제출 상태를 커스텀 훅 안으로 모아 폼 컴포넌트가 화면 역할에 집중하게 합니다.

폼 상태 처리 단계

hook

사용자 입력이 name과 value로 들어옵니다.

필드 이름을 기준으로 상태를 갱신합니다.

필수값과 형식 오류를 한 번에 계산합니다.

검증 성공 후 제출 로직을 호출합니다.

컴포넌트는 값과 오류 표시만 담당합니다.

change → values → validate → submit → reset

커스텀 훅은 폼의 반복 로직을 숨기는 것이 아니라, 반복되는 상태 전환을 이름 붙여 재사용하게 만드는 장치입니다.