nodejs javascript Event(이벤트)란?

nodejs를 공부하다 보면 .on() 이라는 메소드를 정말 많이 보게 된다. 별 생각 없이 이해하지 못하고 사용하다 보면 벽에 막혀버린다. 이것이 무엇인지 알아보려 하니 이벤트라는 것을 알아야 한다. 이벤트가 무엇인지 알아보자!

 

이벤트란 시스템에서 일어나는 사건 혹은 발생이다.

브라우저에서 일어날 수 있는 이벤트들이다. 

Window Event Attributes

w3schools 참고: https://www.w3schools.com/tags/ref_eventattributes.asp

위 사진은 Window Event Attributes만 보여주지만, 그 외에 Form Events, Keyboard Events, Mouse Events, Drag Events, Clipboard Events, Media Events, Misc Events등이 있다.

 

위 이벤트들을 보면 모두 `on이벤트명` 형식으로 되어있다(예. onclick). 이러한 방식은 예전부터 사용해온 고전 이벤트 연결 방식이다.

좀 더 현대적인 방식은 addEventListener를 사용한다.

문법은 객체.addEventListener('이벤트명', function(){});이다. 이벤트 삭제 방법은 객체.removeEventListener('이벤트명', function(){});이다.

jquery를 사용하면 addEventListener대신 on을 사용할 수 있다.

문법은 객체.on('이벤트명', function(){});이다. 이벤트 삭제 방법은 객체.off('이벤트명', function(){});이다.

 

참고: https://stickie.tistory.com/66

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

https://jenny-daru.tistory.com/17

https://webisfree.com/2014-01-03/[jquery]-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%ED%86%B5%ED%95%A9-%EB%A9%94%EC%84%9C%EB%93%9C%EC%9D%98-%ED%99%9C%EC%9A%A9-on()-off()

1