개발/Web
-
브라우저는 어떻게 렌더링 되는가?개발/Web 2020. 11. 28. 04:51
브라우저는 어떻게 문서를 해석하고 그리는 것일까? 웹 개발자라면 충분히 잘 알아야할 주제이다. 매우 세부적인 내용은 모르더라도 대략적인 흐름과 조심해야할 구간들을 알면 성능적인 부분들을 위해 피해야할 것을 파악하고 개발할 수 있을 것이다. Browser 그리고 엔진 각 브라우저들은 각각 다른 엔진을 사용하고 있다. 그래서 렌더링 과정에 약간의 차이가 있는데 대략적인 흐름은 비슷하다. 아래는 2020년 1월 기준 사용 중인 엔진이다. (출처 링크) - 인터넷 익스플로러: Trident - 인터넷 익스플로러(엣지): Blink - 파이어폭스: Gecko - 사파리: WebKit - 크롬:Blink (크롬은 왜 Blink를 선택했는가?) 브라우저의 렌더링 과정 브라우저가 HTML 문서를 요청하면 .html 파..