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
- HTTP
- 이것이안드로이드다
- 이것이자바다
- WebTestClient
- AWS 비용 최적화 바이블
- GitHub
- 알고리즘
- 혼공컴운
- 이벤트루프
- Vue
- 2817
- 한빛미디어
- cicd
- Junit5
- MySQL
- 스프링
- 헤드퍼스트 디자인패턴
- Git
- vue-router
- 도메인 주도 개발 시작하기
- 1436
- 러닝GO
- 구글 엔지니어는 이렇게 일한다
- 백준
- Java
- JavaScript
- pinia
- 네트워크
- VueDevTools
- 자바스크립트
Archives
- Today
- Total
목록DOM (1)
이시안 개발 블로그
자바스크립트 DOM
오늘은 DOM에 대해 공부했습니다. DOM의 생성 Document Object Model의 약자로HTML 문서를 파싱한 결과를 말합니다. 브라우저의 요청에 의해 응답된 HTML 문서는 파싱되어 브라우저가 해석할 수 있게 됩니다. 위와 같이 HTML 문서가 파싱되면 각각의 노드들을 트리 자료구조로 구성하게 됩니다. 이 트리 구조를 DOM이라고 합니다. DOM을 생성하는 과정에서 CSS를 로드하는 태그를 만나게 되면 CSSOM을 생성하게 되고 script 태그를 만나면 자바스크립트 코드를 파싱하기 위해 자바스크립트 엔진에 제어권을 넘기게 됩니다. 이때 자바스크립트 엔진이 코드를 해석하고 실행하게 되며 DOM API를 조작하는 코드가 있다면 DOM, CSSOM이 변경되고 다시 렌더링하는 과정을 거치게 됩니다..
🌐Web/Javascript
2022. 5. 2. 21:18