[TCP School/자바스크립트] 이벤트 - 이벤트의 개념

2023. 4. 26. 13:13

이벤트란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미한다.

 

웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있다.

따라서 클라이언트 측 자바스크립트를 비동기식 이벤트 중심(event-driven)의 프로그래밍 모델이라고 한다.


이벤트 타입

이벤트 타입은 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트 명(event name)이라고도 한다.

가장 많이 사용하는 키보드, 마우스, HTML DOM, Window 객체 등을 처리하는 이벤트가 폭넓게 제공되고 있다.


이벤트 명세(event specification)

예전에는 onclick, onload, onmouseover와 같이 단순한 이벤트만을 사용했다.

하지만 웹 기술의 발전에 따라 touch나 gesture와 같은 새로운 이벤트들이 많이 생겨나게 됐다.

따라서 하나의 표준만으로는 이벤트의 전체 목록을 정의할 수 없는 상황이 되었다.

 

이렇게 방대해진 이벤트를 위한 명세는 현재 다음과 같이 나누어져 정의되어 있다.

1. DOM Level 3 이벤트 명세

2. HTML 5 관련 이벤트 명세

3. 모바일 장치를 위한 이벤트 명세

 

이벤트의 종류는 아래 링크에서 확인할 수 있다.

https://developer.mozilla.org/en-US/docs/Web/Events

 

Event reference | MDN

Events are fired to notify code of "interesting changes" that may affect code execution. These can arise from user interactions such as using a mouse or resizing a window, changes in the state of the underlying environment (e.g. low battery or media events

developer.mozilla.org


TCP School의 강의 내용을 정리한 포스트입니다.

http://www.tcpschool.com/javascript/intro

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

BELATED ARTICLES

more