빈 값 안내
필수 입력과 최소 길이는 onBlur나 submit에서 빠르게 검증합니다.
클라이언트 검증: 안내, 서버 검증은 판정
브라우저 검증은 사용자를 빠르게 돕지만 우회될 수 있습니다. 제출 시 서버가 같은 데이터의 최종 신뢰 경계를 담당합니다.
형식 피드백
이메일, 비밀번호 패턴은 사용자가 수정할 수 있게 가까운 곳에 표시합니다.
서버 정책
중복 이메일, 차단 계정, 권한 검사는 서버 응답을 기준으로 반영합니다.
복구 상태
서버 실패 후 입력값을 보존하고 수정해야 할 필드만 강조합니다.
1
입력
값과 touched 상태를 업데이트합니다.
2
힌트
클라이언트 규칙으로 즉시 수정점을 표시합니다.
3
제출
마지막 클라이언트 검증 후 요청을 보냅니다.
4
서버 검증
서버가 저장 가능 여부를 결정합니다.
5
표시
필드 오류와 전역 오류를 나눠 표시합니다.
신뢰 경계: client helps, server decides, UI preserves recoverable input
클라이언트 검증이 통과해도 서버 검증은 생략하지 않습니다. 둘의 목적을 분리해야 UX와 데이터 무결성을 함께 지킬 수 있습니다.