렌더링이란?(Rendering?)
- 렌더링이란 웹페이지가 서버에서 요소/데이터들을 받아와서 그려지는 과정
- 렌더링 엔진은 브라우저 내부에서 사용되고 있음
렌더링과정
1. Loader가 서버로 HTML을 불러온다.
2. HTML을 파싱하여 DOM-Tree를 만든다.
3. css, style요소들을 파싱하여 CSSOM-Tree를 만든다.
4. DOM-Tree + CSSOM-Tree 하여 Rendering-Tree를 생성
5. Rendering-Tree의 요소들의 크기, 위치를 계산하여 화면에 출력한다.
결론
Front-end적인 지식이지만 렌더링 최적화 등은 페이지를 경량화 시켜서 빠르게 동작할수 있게 하기 때문에 알아두면 좋다.
'Programing > Web' 카테고리의 다른 글
React Developer Tools "This page does't appear to be using React." 오류가 뜰 때 (0) | 2020.10.06 |
---|---|
Django vscode에서 STATIC(정적) 경로 오류날 때 (0) | 2020.10.05 |
[Django] localhost 접속 시 계속 리다이렉팅 될 때 (0) | 2020.09.28 |