노마드 코더 바닐라 자바스크립트 2-4

자바스크립트는 HMTL과 CSS 를 바꾸고 싶어서 만들어지지는 않았어, 자바스크립트는 이벤트를 반응하기 위해 만들어 진 언어지!

window.addEventListnener("resize",handleResize);

function handleResize(){
	console.log("I hanve been resized");
}

winodw 요소에 화면을 resize 할때마다 handleResize 함수를 실행하는 이벤트를 추가 시켰어 DOM 요소에 이벤트를 추가할 수 있고, 해당 이벤트가 발생하면 콜백함수가 실행되게된다.

 

window.addEventListnener("resize",handleResize);

function handleResize(event){
	console.log(event);
}

이렇게 작업하게 된다면 event가 발생 할때마다 이벤트 객체에서 호출된다.