이벤트 속성은 camelCase로 쓰고 함수 호출 결과가 아니라 함수 자체를 전달합니다.
events
React 이벤트는 핸들러 참조와 합성 이벤트 객체로 읽는다
버튼 클릭, 입력 변경, 폼 제출은 JSX 속성에 핸들러를 넘기고 그 안에서 state 변경이나 기본 동작 제어로 이어집니다.
핸들러 인자로 들어오는 객체에서 현재 입력값이나 기본 동작 제어 메서드를 읽습니다.
부모와 자식 클릭이 함께 반응할 때 전파 흐름을 이해하고 필요한 곳에서 막습니다.
JSX에 함수 참조가 전달되는지 확인한다.
인자가 필요하면 화살표 함수로 실행 시점을 늦춘다.
폼 제출 새로고침이 필요 없으면 기본 동작을 막는다.
중첩 요소 클릭이 부모로 올라가는지 확인한다.