1. React에서 Form 처리가 중요한 이유

1-1. Form의 역할

Form은 사용자와 시스템 간 데이터 입력의 출발점입니다.

대표 사례:

• 로그인 / 회원가입
• 검색 조건
• 게시글 등록 / 수정
• 관리자 입력 화면

📌 Form 설계가 곧 UX 품질과 직결

2. Controlled vs Uncontrolled Component

2-1. Controlled Component (권장)

입력값을 React state로 완전히 제어

const [value, setValue] = useState("");

<input
  value={value}
  onChange={(e) => setValue(e.target.value)}
/>

장점:

• 입력값 추적 가능
• validation 용이
• 상태 일관성 유지

2-2. Uncontrolled Component