웹 개발을 하다 보면 버튼 클릭, 마우스 호버, 스크롤 등의 이벤트로 요소의 스타일을 동적으로 변경해야 하는 순간이 자주 온다. 대부분의 개발자들은 jQuery 시절부터 배운 방식대로 className을 문자열로 직접 조작하거나, 또는 classList 메서드를 제대로 이해하지 못한 채 복잡한 코드를 작성하고 있다. 이번에는 DOM 요소의 클래스를 안전하고···
DOM 요소의 클래스를 추가하거나 제거할 때, 대부분의 개발자는 직접 className 문자열을 조작하거나 jQuery의 addClass/removeClass를 써왔을 것이다. 다만 현대 자바스크립트에서 이렇게 하는 것은 번들 크기 낭비이고, 실수하기 쉬운 방식이다. 이번에는 classList API가 정확히 무엇인지, 왜 className 직접 조작보다 ···