이벤트 객체

DOM에서 이벤트는 마우스를 클릭하거나, 키보드를 누르는 등의 사용자 액션에 의해 발생한다.
이벤트와 관련된 속성은 on이라는 접두어가 붙는다. (onclick, onkeyup 등)

어떤 버튼(btn)이 존재하고, 버튼을 클릭할 때 콘솔에 "버튼이 눌렸습니다!"가 출력되게 만들고 싶다

btn.onclick = function() {
  console.log('버튼이 눌렸습니다!');
}

btn.addEventListener('click', function() {
  console.log('버튼이 눌렸습니다!');
});

function handler() {
  console.log('버튼이 눌렸습니다!');
}

btn.onclick = handler;

이벤트 객체
웹 사이트를 서핑하다 보면, 이미지나 카드를 클릭하거나 드래그하는 일이 있습니다. 이렇게 클릭이나 드래그하는 일을 이벤트

오늘 학습목표
기초적인 event를 알고, event handler를 element에 적용할 수 있다.
onclick 에 직접 할당하는 것과 addEventListener의 차이를 이해한다.
eventHandler 함수를 만들고, eventHandler의 첫 번째 인자를 사용할 수 있다.