브라우저렌더링

[TIL] 브라우저 렌더링

사용자 인터페이스 : 웹 페이지를 제외하고 사용자와 상호작용하는 사용자 인터페이스 브라우저 엔진 : 유저 인터페이스와 렌더링 엔진을 연결하는 브라우저 엔진 렌더링 엔진 : HTML 과 CSS를 파싱해 요청한 웹 페이지를 표시하는 렌더링 엔진 통신 : 각종 네트워크 요청을 수행하는 네트워킹 자바스크립트 해석기 : 자바스크립트 코드를 실행하는 인터프리터 ex) 크롬-v8 UI 백엔드 : 기본적인 위젯을 그려주는 UI백엔드 파트 ex) 버튼, 체크박스 자료 저장소 : 보조 기억장치에 데이터를 저장하는 파트 ex) localStorage, cookie Critical Rendering Path : 렌더링 경로 DOM Tree생성 & CSSOM Tree 생성 → Render Tree 생성 → Render Tree..