mathbong
EN
용어 사전 coding 용어 페이지

DOM 선택자

`querySelector`

dom-selectors #coding#javascript
English version

관련 개념

이벤트 핸들러classList API이벤트 위임IntersectionObserver

핵심 아이디어

DOM 선택자는 querySelector, querySelectorAll처럼 요소를 찾는 함수입니다. 선택 결과가 없을 수 있으니 optional chaining(?.)을 붙여 안전하게 다룹니다. 이 개념은 이벤트 핸들러, classList API, 이벤트 위임 같은 주변 용어와 함께 쓰일 때 의미가 더 분명해집니다.

이 블로그에서의 역할

Mathbong에서는 javascript 주제 글에서 이 용어를 반복적으로 참조합니다.

이 개념을 다루는 글

[JavaScript 시리즈 4편] DOM 선택과 이벤트로 화면 움직이기 querySelector, classList, addEventListener를 사용해 버튼, 입력 폼, 리스트를 조작하는 실전 DOM 패턴을 정리합니다.[JavaScript Series 4] Make the Page Interactive with DOM Selection and Events Covers querySelector, classList, addEventListener, and other practical DOM patterns for buttons, forms, and lists.