CONTROLLED COMPONENT
입력값의 원천을 DOM이 아니라 React state로 둔다
사용자가 입력하면 state가 바뀌고, 화면의 value는 다시 그 state를
따라갑니다.
User Inputinput, textarea, select에서 사용자가 값을 바꿉니다.
→
onChange이벤트에서 다음 값을 읽고 상태 갱신 함수를 호출합니다.
→
State컴포넌트가 입력값을 단일 출처로 관리합니다.
→
value렌더링된 폼 요소가 state 값을 그대로 표시합니다.
submit 처리: form 제출 시 preventDefault로 새로고침을 막고,
state에 모인 값을 검증하거나 서버로 보냅니다.