목록브라우저 작동원리 (1)
개발자 9Diin의 개발일기
브라우저의 렌더링 과정
렌더링이란 무엇일까? 렌더링이란 HTML, CSS, JavaScript 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 말한다. 브라우저마다 다르겠지만, 브라우저는 렌더링을 수행하는 렌더링 엔진을 가지고 있다. 크롬은 블링크(Blink), 사파리는 웹킷(Webkit), 파이어폭스는 게코(Gecko)라는 렌더링 엔진을 사용한다. 렌더링 과정 1. DOM(Document Object Model), CSSOM(CSS Object Model) 생성 사용자가 브라우저를 통해 웹 사이트에 접속하면, 서버로부터 HTML, CSS 등 웹 사이트에 필요한 리소스를 다운로드한다. 브라우저가 페이지를 렌더링 하려면 먼저 HTML 코드는 DOM, CSS는 CSSOM 트리를 생성해야 한다. 1.1 DOM 트리 생성 - ..
2021-2023
2022. 4. 12. 09:00