오늘은 queryselector에 대해 글을 써보려고 한다. 쿼리셀렉터는 내가 원하는 element를 html에서 가져오기 위해 사용하는데, 간혹 이런 경우가 있다. class이름을 써서 가져오고 싶은데, 여러개의 요소에 class 이름이 동일하게 들어가는 경우이다. 위처럼, show-modal이라는 class를 세 가지의 button element가 동일하게 가지고 있다면 어떻게 해야 할까? 물론 다른 id값을 부여한다던지, 개별적으로 선택할 수 있는 방법이 있긴 하다. 그러나 세 가지 요소에 모두 동일한 함수를 적용하고 싶은거라면 그건 너무 비효율적인 방법이다. 그럴때 사용하는 것이 querySelectorAll()이다. querySelectorAll()을 사용하면 동일한 클래스를 가지는 요소를 모두..