Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 프로그래머스 데브코스 프론트엔드
- Vue3
- KDT 프로그래머스
- frontend roadmap study
- useEffect return
- react customHook 예시
- 개발자 특강
- Vue3 Router
- KDT 프로그래머스 데브코스 프론트엔드
- 머쓱이
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 데브코스 프론트엔드 TIL
- TypeScript 문법 소개
- 모던 자바스크립트 Deep Dive TIL
- 모던 자바스크립트 TIL
- 모던 javascript Deep Dive
- 모던 자바스크립트 Deep Dive
- 투포인터알고리즘 js
- 백준 js
- 프로그래머스 K_Digital Training
- K_Digital Training
- 우테캠 회고록
- 모던 자바스크립트 딥다이브
- react 프로젝트 리팩토링
- Frontend Roadmap
- 프로그래머스 데브코스
- useRef 지역 변수
- 프로그래머스 K_Digital Training 프론트엔드
- 리팩토링 회고
- 백준 node.js
Archives
- Today
- Total
목록모던 자바스크립트 딥다이브 39장 DOM (1)
프론트엔드 개발자의 기록 공간

브라우저 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. ✍ 노드 📌 HTML 요소와 노드 객체 HTML 요소는 HTML 문서를 구성하는 개별적인 요소를 의미한다. HTML 요소는 렌더링 엔진에 의해 파싱되어 DOM을 구성하는 요소 노드 객체로 변환된다. 노드 객체들로 구성된 트리 자료구조를 DOM이라 한다. DOM 트리라고 부르기도 한다. 📌 노드 객체의 상속 구조 DOM은 DOM을 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조이다. DOM을 구성하는 노드 객체는 브라우저 환경에서 제공하는 호스트..
모던 자바스크립트 Deep Dive
2022. 3. 7. 17:04