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
- 제너레이터
- js
- BETA
- 모듈
- 코어JS
- Deep Dive
- async
- 배열
- 에러 처리
- Strict Mode
- 데이터 타입
- Ref로 DOM 다루기
- rest api
- Escape Hatches
- 브라우저의 렌더링 과정
- ES6 함수의 추가 기능
- 클로저
- REACT
- DEEPDIVE
- 비동기 프로그래밍
- 디스트럭처링 할당
- 싸피
- await
- 개발 환경 구축
- 스프레드 문법
- 이터러블
- 표현식과 문
- Ref로 값 참조하기
- Set과 Map
- 프로미스
Archives
- Today
- Total
목록DOM (1)
코딩을 쉽게 해보자
[Deep Dive] 39장 - DOM
브라우저의 렌더링 엔진은 HTMl 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. 1. 노드 1-1. HTML 요소와 노드 객체 HTML 요소는 HTML 문서를 구성하는 개별적인 요소를 의미한다. HTML 요소 간에는 중첩 관계에 의해 계층적인 부자관계가 형성된다. 이러한 HTML 요소간의 부자 관계를 반영하여 HTML 문서의 구성 요소인 HTML 요소를 객체화한 모든 노드 객체들을 트리 자료 구조로 구성한다. 트리 자료구조 트리 자료구조는 노드들의 계층 구조로 이뤄진다. 노드 객체들로 구성된 트리 자료구조를 DOM이라 한다. 1-2. 노드 객체..
JavaScript
2023. 1. 3. 17:52