1. DOM 객체란?

DOM (Document Object Model) 이란

👉 HTML 문서를 브라우저가 객체(Object) 트리 구조로 변환한 것입니다.

• HTML 태그 하나 = DOM 객체 하나
• 브라우저가 생성
• JavaScript로 접근·조작 가능

<p>Hello</p>

⬇️ 브라우저 변환

Document
 └── p (Element Object)

2. DOM 객체의 역할

DOM 객체가 있기에 JavaScript는 다음이 가능합니다.

• HTML 내용 변경
• 스타일 변경
• 요소 추가/삭제
• 이벤트 처리 (클릭, 입력 등)

DOM은 JS가 HTML/CSS를 제어하기 위한 유일한 통로입니다.

3. DOM 구조 핵심 개념