1. 이벤트란?

이벤트(Event) 란

👉 사용자 또는 브라우저에서 발생하는 “행동/상태 변화” 입니다.

사용자가 클릭함
키보드를 누름
페이지가 로드됨
입력값이 바뀜

이벤트는 DOM 객체에서 발생하며,

JavaScript가 이를 감지하고 처리합니다.

2. 이벤트의 기본 구조

이벤트 대상 → 이벤트 발생 → 이벤트 핸들러 실행

기본 형태

요소.addEventListener("이벤트이름", 이벤트핸들러);

3. 이벤트의 3요소

요소	설명
이벤트 대상	이벤트가 발생하는 DOM 요소
이벤트 타입	어떤 행동인지 (click, input 등)
이벤트 핸들러	이벤트 발생 시 실행될 함수

4. 이벤트 종류 (자주 쓰는 것)

4-1. 마우스 이벤트