버튼과 입력
버튼 클릭, 텍스트 입력, 폼 제출처럼 브라우저에서 상호작용이 생깁니다.
이벤트는 함수 참조로 연결하고 필요한 값만 꺼냅니다
클릭, 입력, 제출이 발생하면 핸들러가 실행되고, 핸들러는 이벤트 객체나 추가 인자를 이용해 state 변경을 요청합니다.
CamelCase 연결
onClick처럼 이름을 쓰고 함수 자체를 값으로 전달합니다.
발생 지점 읽기
e.target.value로 input의 현재 값을 꺼내 state에
저장합니다.
화면과 기본 동작
setMessage, preventDefault,
stopPropagation을 상황에 맞게 씁니다.
onClick={handleClick}은 클릭 때 실행되고, 괄호를 붙인
호출 형태는 렌더링 중 바로 실행될 수 있습니다.
삭제할 항목의 id가 필요하면
() => handleDeleteItem(item.id)
처럼 짧은 함수로 감싸 이벤트 시점에 호출합니다.