rendering
-
웹 브라우저의 렌더링 과정WEB/front-end 2021. 2. 7. 23:16
항상 궁금하면서도 제대로 정리하지 못했던,브라우저에 HTML 문서가 렌더링 되는 과정을 간단하게 정리해보았다. 렌더링 (Rendering)브라우저에서 요청 받은 컨텐츠나 데이터를 화면에 그리는 과정을 말한다. 렌더링 엔진 (Rendering engine)브라우저는 사용자 인터페이스, 브라우저 엔진, 자바스크립트 해석기 등 다양한 구성요소를 갖고 있다. 그 중에서 렌더링 엔진은 이름 그대로 렌더링을 하는 역할이다. 즉, 요청한 HTML나 CSS를 파싱해서 화면을 그리는 과정을 담당한다. 브라우저마다 다른 렌더링 엔진을 사용하는데,파이어폭스는 게코(Gecko) 엔진을 사용하고 사파리와 크롬은 웹킷(Webkit) 엔진을 사용한다. 따라서 렌더링 엔진마다 자세한 과정은 다를 수 있지만 기본적인 동작 과정은 아래..