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
- 백준 node.js
- useRef 지역 변수
- 백준 js
- frontend roadmap study
- 모던 자바스크립트 Deep Dive
- 프로그래머스 데브코스
- TypeScript 문법 소개
- 프로그래머스 K_Digital Training 프론트엔드
- useEffect return
- KDT 프로그래머스
- 개발자 특강
- 프로그래머스 K_Digital Training
- K_Digital Training
- 우테캠 회고록
- 모던 자바스크립트 Deep Dive TIL
- Frontend Roadmap
- 모던 자바스크립트 딥다이브
- Vue3
- 모던 자바스크립트 TIL
- 프로그래머스 데브코스 프론트엔드 TIL
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 데브코스 프론트엔드
- 모던 javascript Deep Dive
- 투포인터알고리즘 js
- 리팩토링 회고
- react customHook 예시
- react 프로젝트 리팩토링
- 머쓱이
- Vue3 Router
- KDT 프로그래머스 데브코스 프론트엔드
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