반응형
서버에서 전송한 데이터가 클라이언트에 도착해야할 곳은 browser 입니다.
Browser에는 데이터를 해석해주는 파서와 데이터를 화면에 표현해주는 렌더링엔진이 포함되어 있습니다.
렌더링엔진 메인 플로우
1. Parshing HTML to construct the DOM tree
: HTML을 파악하여 DOM(Document Object Model) 트리 구조의 형태로 데이터를 구성.
2. Render tree construction
: 렌더 트리 구성
3. Layout of the render tree
: 렌더트리를 기준으로 CSS 정보를 합쳐서 매칭하여 배치
4. Painting the render tree
: 화면으로 렌더트리를 표현함.
Q. 우리가 흔히 브라우저 탐색을 할 때 스크롤을 하거나,
어떤것을 클릭하면서 화면의 위치를 바꿀때 브라우저는 어떻게 화면을 그릴까요?
Q. 다시 렌더링되지 않을까요?
반응형
댓글