반응형
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
- Sort
- 김영한
- 스프링부트
- Spring
- 엘라스틱서치
- Effective Java
- 코딩테스트
- 클린아키텍처
- 카카오
- 카카오 면접
- effectivejava
- kubernetes
- Effective Java 3
- ElasticSearch
- 이펙티브자바
- 이차전지관련주
- 자바
- 스프링 핵심원리
- 자바스크립트
- 알고리즘정렬
- 객체지향
- 알고리즘
- 백기선
- 스프링핵심원리
- 이펙티브 자바
- java
- 기본
- 예제로 배우는 스프링 입문
- 스프링
- JavaScript
Archives
- Today
- Total
목록2020/11/25 (1)
Kim-Baek 개발자 이야기
브라우저의 동작 원리 ( 렌더 트리 )
브라우저에서 html을 그리기 위해서 여러 가지 과정이 있다는 것을 알고 있었지만 정확하게 알지 못했는데, 렌더 트리가 어떻게 그려지고, 어떤 과정인지를 정확하게 설명하고 있는 내용이다. 브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청(Request)하고 서버의 응답(Response)을 받아 브라우저에 표시하는 것이다. 브라우저는 서버로부터 HTML, CSS, Javascript, 이미지 파일 등을 응답받는다. HTML, CSS 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어 DOM, CSSOM 트리로 변환되고 렌더 트리로 결합된다. 이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹페이지를 표시한다. 클라이언트 (브라우저) 를 보면 렌더링엔진과 자..
개발/JavaScript
2020. 11. 25. 18:55