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