이벤트 핸들링은 모던 웹 애플리케이션에서 중요한 역할을 합니다. 사용자의 상호작용에 따라 특정 기능이 실행되도록 하기 위해서는 이벤트 콜백 함수를 등록해야 합니다.

이벤트 콜백 함수란?

이벤트 콜백 함수는 특정 이벤트가 발생했을 때 실행되는 함수입니다. 예를 들어, 버튼 클릭, 키보드 입력, 마우스 이동 등의 이벤트에 대한 응답으로 실행됩니다.

방법

이벤트를 처리하고자 하는 요소를 선택한 후, addEventListener 메소드를 사용하여 원하는 이벤트에 대한 콜백 함수를 등록할 수 있습니다.

예시:

const myButton = document.getElementById('myButton');
myButton.addEventListener('click', () => {
  alert('버튼이 클릭되었습니다!');
});

위의 코드는 id가 ‘myButton’인 요소를 선택하고, 클릭 이벤트(click)에 대한 콜백 함수를 등록합니다. 버튼이 클릭되었을 때, alert 창이 표시됩니다.

결론

이벤트 콜백 함수를 등록하여 사용자 상호작용에 반응하는 웹 애플리케이션을 개발할 수 있습니다.

더 많은 정보를 알고 싶으시다면 MDN web docs 문서를 참고해보세요!