form feedback

폼 UX는 제출 전, 제출 중, 제출 후 상태를 모두 가진다

서버 액션을 써도 사용자는 입력 가능 여부, 진행 중 상태, 성공 또는 실패 결과를 화면에서 바로 이해해야 합니다.

before

제출 전

required, pattern, 클라이언트 검증으로 서버 왕복 전에 누락과 형식 오류를 걸러냅니다.

HTML 검증
pending

제출 중

중복 클릭을 막고 버튼 문구를 바꿔 작업이 진행 중임을 알립니다.

useFormStatus
result

제출 결과

서버 검증 결과와 성공 메시지를 폼 가까이에 표시합니다.

useFormState
sync

목록 갱신

생성, 수정, 삭제 후 캐시를 재검증해 최신 서버 데이터를 렌더링합니다.

revalidatePath
핵심 흐름

폼 처리는 서버 액션 호출로 끝나지 않고, 사용자가 다음 행동을 결정할 수 있는 피드백까지 포함합니다.