Event

React 이벤트는 사용자 행동을 핸들러 함수로 전달한다

클릭, 입력, 제출 같은 이벤트는 JSX prop에 연결한 함수로 들어와 상태 변경이나 콜백 실행을 시작한다.

이벤트 처리 흐름

interaction

연결

onClick, onChange 같은 prop에 실행할 함수를 전달한다.

호출

사용자 행동이 발생하면 React가 핸들러를 호출하고 이벤트 정보를 넘긴다.

상태 변경

핸들러 안에서 setState를 호출하면 다음 렌더링이 예약된다.

React 이벤트 한계

렌더링 중 바로 함수를 실행하지 않도록 함수 참조를 넘겨야 한다.

eventhandlersetrender
이벤트 핸들러 해석

이벤트 처리는 DOM을 직접 조작하는 흐름이 아니라, 사용자 행동을 상태 변화로 번역하는 과정이다.