form reducer

값, 오류, 터치 상태를 한 덩어리로 섞지 않는다

입력 필드가 늘어나면 단순 useState보다 reducer나 커스텀 훅으로 상태 전환 규칙을 모으는 편이 안전합니다.

1

입력

필드 이름과 값을 이벤트에서 추출합니다.

2

전환

reducer가 값 변경과 터치 상태를 함께 반영합니다.

3

오류 객체 생성

스키마 또는 규칙 함수가 오류 객체를 만듭니다.

4

제출

유효할 때만 API 요청과 성공 처리를 실행합니다.

입력→전환→오류 판정→제출
Reducer

상태 전환 위치 통일

Hook

폼 로직 재사용

Schema

검증 규칙 단일화

필드별 useState가 많아질수록 상태 이름보다 전환 이벤트를 중심으로 구조를 다시 잡는 편이 읽기 쉽습니다.