React 이벤트는 행동 정보를 handler 인자로 전달한다
handler는 이벤트 객체에서 value, checked, key 같은 정보를 읽고 필요한 상태 변경만 남긴다.
Action
사용자 조작
입력 또는 클릭
SyntheticEvent
target 정보
value, checked
Handler
검증과 변환
필요한 값만 추출
State
업데이트
화면 재계산
값
읽는 위치
주의
input value
event.target.value
문자열로 들어옴
checkbox
event.target.checked
boolean 기준
form submit
preventDefault
페이지 새로고침 방지
keyboard
key
IME 조합 주의