반응형
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 | 31 |
Tags
- 코딩테스트
- js
- 정렬
- spring
- 코테
- 인프런
- stack
- SWEA
- 스텍
- array
- 알고리즘
- javascript
- 삼성
- 코딩
- 자료구조
- 자바스크립트
- mybatis
- 삼성소프트웨어아카데미
- 자바
- 배열
- AtoZ0403
- java
- 백준
- 콜백지옥
- 프로그래머스
- NestJS
- 그리디알고리즘
- 코테준비
- 카카오
- 중간 평균값 구하기
Archives
- Today
- Total
목록BOM (1)
개발에 AtoZ까지
[ES6][JS] DOM과 BOM
◆목표 DOM의 정의 웹브라우저 동작과정 BOM의 정의 1. DOM(Document Object Model)의 정의 -구조화된 문서(Document)를 객체로 표현하는 방식 2. 웹브라우저 동작 과정 1) HTML 파일을 웹서버로 부터 가져옴 2) 가져온 HTML 파일을 파싱(Parsing) 하여 Dom Tree 생성, Css 정보를 파싱(Parsing)하여 Cssom Tree 생성 3) 파싱한 Dom Tree와 Cssom Tree를 기반으로 Render Tree를 생성 4) 생성한 Render Tree로 Rendering을 하고 그것으로 사용자에게 페이지를 보여줌 Tip) 자바스크립트 선언 위치 - HTML 코드를 기반으로 DOM 트리를 구성하기 때문에 DOM 트리를 구성하기 전에 자바 스크립트로 HT..
프론트엔드/JAVASCRIPT
2021. 2. 5. 18:50