📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
선택자 (selector)
💬 쉬운 뜻
화면의 수많은 요소 중에서 '바로 이거!' 하고 특정 글자나 버튼을 콕 집어 가리키는 주소예요. CSS에서 디자인을 입힐 때 쓰던 #아이디, .클래스 같은 주소를 그대로 써서, 자바스크립트가 document.querySelector('주소')로 그 요소를 잡아냅니다. 도서관에서 청구기호로 책 한 권을 정확히 찾는 것과 똑같아요.
⌨️ 이럴 땐 이렇게 입력
- 로그인 버튼에 id를 붙이고, 그 id를 선택자로 집어서 클릭하면 동작하게 자바스크립트 짜줘
- querySelector가 null이 나와. 선택자 이름이 화면 요소랑 맞는지 확인하고 고쳐줘
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "선택자로 요소를 잡아서…" 또는 "querySelector(...)로 가져온다"고 하면 = 화면의 그 부분을 바꾸기 전에 #아이디·.클래스 같은 주소로 먼저 콕 집는다는 뜻이에요.
➡️ 다음엔 이렇게
다음엔 집고 싶은 요소에 id를 붙여달라고 하면 안정적이에요. 안 되면(null 에러) 선택자 이름이 화면 요소와 정확히 같은지(#·. 빠짐, 오타)부터 확인하세요.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈