[JavaScript] 여러개 요소에 addEventListener 넣기

$('.div').on('event' , function(){});

JQuery에서는 한줄이면 여러개 요소에 eventListener를 줄 수 있다.

바닐라 JS로 똑같이 하려면

const divs = document.querySelectorAll('.div');

divs.forEach(function(div){});

querySelectorAll로 노드리스트를 변수에 저장해놓고 forEach 문으로 각 요소에 eventListener를 주면 된다.

처음 듣는 JS 강의에서 JQuery 문법을 위주로 다뤄왔는데 문득 JQuery를 사용하지 않으면 의미 없다는 생각이 들었다.

바닐라 JS로 구현하지 못하면서 라이브러리 명령어만 외우는 게 별로 좋지는 않은듯.