브라우저랜더링

브라우저랜더링과정에 대해 설명하시오

 1.사용자가 브라우저를 통해 웹사이트에 접속하면

브라우저는 DNS를 통해 서버의 아이피 주소를 파악

 

2.브라우저는 파악한 ip주소에 있는 서버와 3-handshake를 완료하고나서

서버에 데이터를 요청하는 http request를 합니다.

그리고 서버로부터 데이터를 받는데 이것을 HTTP Response라고합니다.

————————————————————————————————————-

3.서버로부터 받은 데이터를 통해 html parsing 하여 돔트리 만들다

중간에 스타일태그가 나오면 css를 파싱하여 cssom 트리를 만든다.

 파싱중간에 스트립트 태그가 나오면 자바스크립트 엔진에게 권한을 넘겨서

자바스크립트 코드를 파싱하여 Ast생성후 실행합니다. 이과정에서 돔파싱 중단

 

4.그리고 돔트리와 cssom트리를 합쳐서 렌더트리를 생성합니다.

여기까지의 과정을 construction

 

5.렌더링엔진은 렌더트리에 있는 노드를 배치하여 레이아웃 작업을 하고

 ui 백엔드는 랜더트리의 노드들을 돌면서 화면에 ui를 그립니다. (paint)

마지막으로 node들의 레이어들을 순서대로 구성하는 컴포지션 작업을합니다.

레이아웃작업부터 컴포지션까지를 operation

 

6.최종적으로 브라우저는 사용자에게 화면을 출력합니다.