지식루프

[지식루프 IT공부] 자바스크립트로 태그 선택하기

이벤트 핸들러를 등록하는 2가지 방법 자바스크립트로 해당 DOM 객체의 onclick 프로퍼티에 등록하기 HTML 태그의 onclick 속성에 바로 표시하기

[지식루프 IT공부] 이벤트, 이벤트 핸들링, 이벤트 핸들러 설명

자바스크립트에서 이벤트(event), 이벤트 핸들링(event handling), 그리고 이벤트 핸들러(event handler)는 웹 페이지에서 사용자 상호작용을 다루는 핵심 개념이에요. 하나씩 자세히 설명해볼게요.1. 이벤트(Event)란?이벤트는 사용자나 브라우저가 발생시키는 특정 행동이나 상태 변화를 의미해요. 예를 들어, 버튼을 클릭하거나, 키보드를 누르거나, 페이지가 로드되는 등의 상황이 이벤트예요.이벤트의 예사용자 행동: click (클릭), keydown (키 누름), mouseover (마우스 올림).브라우저 상태: load (페이지 로드 완료), resize (창 크기 변경), scroll (스크롤).폼 관련: submit (폼 제출), change (입력값 변경).이벤트 객체이벤트가 ..

[지식루프 IT공부] document.querySelector와 document.getElementById 차이

자바스크립트에서 DOM(Document Object Model)을 조작할 때 자주 사용하는 메서드인 document.querySelector와 document.getElementById를 설명하고, 두 메서드의 차이점을 정리해볼게요.document.querySelector란?document.querySelector는 CSS 선택자(selector)를 사용해서 DOM에서 요소를 선택하는 메서드예요. 선택자에 맞는 첫 번째 요소를 반환합니다.사용법 const element = document.querySelector('선택자');선택자: CSS에서 사용하는 선택자 문자열 (예: '#id', '.class', 'tag', 'div > p' 등).반환값: 선택자에 맞는 첫 번째 요소(Element 객체)를 반환..