jQuery 없이 자바스크립트만으로 HTML 요소 조작하기

혹시 아직도 jQuery를 쓰고 계신가요...? 🙃 2006년에 출시되었던 jQuery는 한 때는 자바스크립트 개발이 곧 jQuery 개발이라고 여겨질 정도로 정도로 상당히 오랫동안 자바스크립트 생태계를 주름잡던 라이브러리입니다. 하지만 최근에는 React, Angular, Vue.js, Svelte와 같은 모던 자바스크립트 라이브러리에 밀려 주로 레거시(legacy) 코드에서나 미처 못해 쓰는 라이브러리로 전략하고 말았는데요. 아무래도 컴포넌트 기반의 웹 프로그래밍의 대세가 되고 브라우저의 표준화가 전반적으로 개선되고 있어서 앞으로 jQuery의 입지는 점점 더 좁아질 것 같습니다. 사실 예전에 jQuery로 많이 하던 대부분의 작업들은 이제 자바스크립트의 DOM API만으로도 충분히 대체할 수 있는데요. 이번 포스팅에서는 jQuery 없이 순수하게 자바스크립트만을 이용하여 HTML 문서에 특정 요소를 선택하고 조작하는 방법에 대해서 알아보겠습니다. https://www.daleseo.com/js-document-query-selector/