• 개요

▪︎ 섹션 9. Handling Events

▫︎ Event의 정의 및 Event 다루기

Event - 사건

ex. 사용자가 버튼을 클릭한 사건… → 버튼 클릭 이벤트

이벤트를 처리하는 것 → 이벤트 Handling

// Dom의 Event
<button onclick="activate()">
	Activate
</button>

// React의 Event
<button onClick={activate}>
	Activate
</button>

Event Handler

어떤 사건이 발생하면, 사건을 처리하는 역할

Event Listener라고도 함

함수 내에서 event handler를 처리하는 방법

1. 함수 안에 함수로 정의
2. arrow function 사용

Argument 전달하기

argument - 함수에 주장할 내용( = 함수에 전달할 데이터, event handler에 전달할 데이터)

parameter - 매개변수

→ 매개변수의 순서는 상관 없음

▫︎ 실습

arrow function을 사용해서 event handler 처리하기