렌더링이란?(Rendering)

렌더링이란?(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적인 지식이지만 렌더링 최적화 등은 페이지를 경량화 시켜서 빠르게 동작할수 있게 하기 때문에 알아두면 좋다.