1. 클릭할 element를 지정해 준다.

load vs DOMContentLoaded

load : 는 문서의 모든 리소스가 불려와지고 나서

DOMContentLoaded : Dom 골격만 로드되고 나면 실행

<aside> 💡 전역 변수를 최소화 하자!

</aside>

많은 스크립트 파일에서 전역변수가 충돌 할 수 있다.

이벤트 객체

character.addEventListenr('click', clickHandler);

function clickHandler(e){
	console.log(this); // character
	console.log(e.currentTarget); // character
	console.log(e.target); // 클릭한 애
}

이벤트 위임

반복문으로 addEventListener를 많이 돌려주면 메모리 누수가 생긴다…….

여러번 이벤트 걸어주는건 좋지 않다.

<aside> 💡 부모에게 이벤트 처리를 맡긴다.

</aside>