React Event Handle

React에서는 JSX에 이벤트 핸들러를 추가할 수 있다.

이벤트 핸들러는 클릭, 마우스 호버, 폼 인풋 포커스 등
사용자 상호작용에 따라 유발되는 사용자 정의 함수

이벤트 핸들러 추가
이벤트 핸들러 추가를 위해서는 먼저 함수를 정의하고
이를 적절한 JSX 태그에 prop 형태로 전달

1. Button 컴포넌트 내부에 handleClick 함수를 선언
2. 해당 함수 내부 로직을 구현(이번에는 메시지를 표시하기 위해 alert를 사용)
3. <button> JSX에 onClick={handleClick}을 추가