티스토리 뷰

카테고리 없음

웹 브라우저 동작

실전압축코딩 2023. 2. 14. 19:46

1. dns 로 ip 찾기

2. 3 way handshake 

4. 서버에 데이터 요청 (http request)

5. http response

6. w3c 명세에 따라 html css 해석 (parsing)

7. html -> dom tree

8. rendering engine이 css를 만난다 -> html render pause, cssom tree 생성

9. script tag -> -pause >js engine에게 제어권을 넘김.

10. js 코드 해석, 추상 구문 트리(ast) 생성

11. dom tree + cssom tree = render tree

--- construction ---

12. 렌더링 엔진의 layout 작업 시작 (render tree node를 화면의 올바른 위치에 표시)

13. ui backend가 render tree의 노드들을 돌면서 ui를 그린다.

14. composition 시작 (Z인덱스 등)

 

------ operation ------- (한번에 진행되지 않는다.)