WEB
-
브라우저 렌더링 과정WEB 2023. 2. 1. 22:46
상황 실제 업무를 하다 보면 브라우저에서 어떻게 렌더링 되는지 간과하기 싶다. 하지만 연차가 쌓일 수록 성능 최적화 등을 위해 실제로 어떻게 동작하는 지 깊히 아는 것이 중요하다. 2년 전즈음 개발자로 취업을 위해 공부했었는데 가물가물해져 다시 상기 시킬겸 정리한다. 목차 1. 브라우저 렌더링 동작 단계 2. 브라우저 렌더링 단계별 상세 내용 Parsing Style자바스크립트 파싱과 실행 Layout Paint Composite 3. 요약 1. 브라우저 렌더링 동작과정 개요 브라우저 렌더링의 기본적인 동작은 크게 5단계로 나눌 수 있다. HTML 파일과 CSS 파일을 파싱해서 각각 Tree를 만든다. (Parsing) 두 Tree를 결합하여 Rendering Tree를 만든다. (Style) Rende..