반응형
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
- spring
- array
- 자바
- 알고리즘
- js
- 스텍
- 그리디알고리즘
- java
- 자바스크립트
- 중간 평균값 구하기
- javascript
- 카카오
- mybatis
- 코테준비
- 삼성
- NestJS
- 인프런
- AtoZ0403
- 삼성소프트웨어아카데미
- 코딩테스트
- 프로그래머스
- stack
- 정렬
- SWEA
- 콜백지옥
- 코딩
- 자료구조
- 배열
- 백준
- 코테
Archives
- Today
- Total
목록window (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