코드를 입력하고 HTML이 웹 브라우저에서 렌더링되면 버튼이 나타날 것입니다. Click Me 버튼을 눌러 보세요.

버튼을 누르면 alert 함수를 사용하여 메시지 박스를 띄우도록 했습니다. HTML에서는 이처럼 이벤트를 실행하면 " " 사이에 있는 자바스크립트를 실행하도록 코드를 작성합니다. 리액트에서 이벤트를 다룰 때는 이와 비슷하면서도 좀 다릅니다. 한번 알아볼까요?

▲ 그림 4-1 일반 HTML 코드에서 이벤트 작성