[Front end] JavaScript 브라우저 HTML 동작 방식과 스크립트 선언
HTML 파싱&렌더링 1. DOM 트리 구성 HTML 파서로 파싱 해서 HTML 데이터를 메모리에 1:1로 로딩하는데, 이때 모든 데이터는 트리 구조로 처리된다. 이 자료구조의 최상위를 document라고 하고, 이렇게 구성된 메모리의 데이터를 DOM(document Object Model)이라고 한다. 2. Render 트리 구성 화면에 보이는 시각적인 구성 요소들을 분류해 두고 화면에 보일 수 있도록 데이터를 담는 과정이라고 할 수 있다. 3. Render 트리 배치 이전 과정에서 분류한 데이터를 화면의 어디에 두어야 할지 배치하는 작업이다. 이 작업을 Layout을 구성한다고 한다. 4. Render 트리 페인팅 Layout을 모두 구성하고 그 결과를 UI 백엔드를 통해서 화면에 출력하는 과정이다...
프로그래밍/Front end
2020. 12. 15. 10:26
공지사항
최근에 올라온 글
최근에 달린 댓글
링크
TAG
- 리눅스 명령어
- Collection
- SQL
- 소프트웨어공학
- 회고
- Maven
- 오라클
- sort algorithm
- 이직
- Tomcat
- effective java
- 리액트 16
- 프로그래머스
- 성능분석
- 자바
- 오라클 내장 함수
- 개발환경
- React
- Linux 명령어
- 정렬 알고리즘
- javascript
- Eclipse
- spring
- 자바스크립트
- 경력관리
- Java
- 프로그래머
- 제주도 여행
- 리액트
- 제주도 3박4일 일정
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함