1. 렌더링 정의 렌더링이란? 사용자 화면에 뷰를 보여주는것 2. 렌더링 엔진 & 목표 - 웹브라우저마다 다른 렌더링 엔진 - 렌더링 엔진의 목표 사용자 동작으로 인해서 입력발생, 스크롤발생, 애니메이션 동작, 비동기요청으로 인한 데이터로딩등의 상황 3. 렌더링 과정 렌더링엔진은 크게 다음의 과정을 거치는데 이를 Critical Rendrering Path라고 한다. DOM Tree생성 먼저 브라우저에서 사용자가 요청한 웹페이지에 문서를 불러오고 파싱을 한다 1️⃣ 코드는 어휘분석을 통해서 HTML5에 표준으로 지정된 고유한 토큰으로 변환된다 예를 들어 StartTag html이라는 태그는 html이 열렸다라는 의미를 가지고, Endtag body는 body태그가 닫혔다는 의미를 가진다. 2️⃣ 그리고 ..
