코딩하는 둥둥

이벤트(Event) 본문

Frontend/JavaScript

이벤트(Event)

둥둥 2022. 11. 9. 13:59
728x90

이벤트(Event)

  • 프로그래밍하고 있는 시스템에서 일어나는 사건(action) 혹은 발생(occurrence)
    • 시스템은 이벤트가 발생될 때 몇몇 종류의 신호를 생산/발생 시키고, 이벤트가 발생되었을 때 사건이 자동적으로 취해질수 있는 메커니즘(코드의 실행)을 제공한다.
  • 이벤트는 브라우저 내에서 발생하며 다양한 이벤트 타입이 있다. (이벤트 타입)

이벤트 핸들러(Event Handler)

  • 이벤트가 발생되면 실행되는 코드 블럭(JavaScript)를 말한다.
    • 이러한 코드 블럭이 이벤트에 응답해 실행되기 위해 정의되었을때 이벤트 핸들러를 등록(register)했다고 한다.
  • 이벤트 리스너(Event Listener)라고 불리기도 한다.

이벤트 핸들러와 이벤트 리스너

엄밀히 말하면 이벤트 리스너는 발생되는 이벤트에 대해 듣고, 핸들러는 발생되는 이벤트에 응답해서 실행되는 코드이다.

이벤트를 사용하는 방법

  1. 이벤트 핸들러 프로퍼티
  2. 인라인 이벤트 핸들러
  3. 이벤트 핸들러 추가/제거

이벤트 객체

  • 이벤트 핸들러 함수 내부에서 볼 수 있는 event, evt, e와 같은 이름으로 명명된 매개변수(parameter)를 말한다.
  • 추가적인 기능과 정보를 제공하기 위해 이벤트 핸들러에 자동으로 전달된다.

이벤트 버블링과 캡쳐

이벤트 위임


References.

https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Events

728x90

'Frontend > JavaScript' 카테고리의 다른 글

setInterval  (0) 2022.11.19
Math.floor  (0) 2022.11.19
Math.abs 메서드  (0) 2022.11.09
콜백 함수(Callback)  (0) 2022.11.09
Object.entries  (0) 2022.10.28