DOM EVENT

DOM 조작과 이벤트 처리 기초

JavaScript는 DOM을 선택하고 이벤트에 반응해 화면 상태를 바꾼다. 중요한 순서는 “찾기 → 듣기 → 데이터 변경 → 화면 반영”이다.

querySelectorid, class, 속성 선택자로 조작할 범위를 좁힌다.

textContent사용자가 볼 텍스트만 바꾸며 HTML 주입과 구분한다.

classList표시, 선택, 오류 같은 UI 상태를 CSS 클래스와 연결한다.

addEventListenerclick, input, submit처럼 사용자의 행동 지점을 구독한다.

event objecttarget, value, preventDefault로 발생 위치와 기본 동작을 제어한다.

state현재 값과 화면 표시를 분리해 같은 입력을 다시 계산할 수 있게 둔다.