브라우저 렌더링 원리

devsof·2021년 2월 28일
0

웹킷의 동작 과정

렌더링 엔진의 동작 과정

  1. HTML 파일을 파싱해서 DOM 트리를 생성한다.
  2. CSS 파일을 파싱해서 스타일 규칙을 생성한다.
  3. DOM 트리와 스타일 규칙을 연결시켜 렌더 트리를 생성한다.
  4. 렌더 트리가 생성되면 DOM 노드의 배치가 시작된다.
  5. 배치가 완료되면 렌더 트리를 그린다.
  6. 그려진 렌더 트리가 화면에 표시된다.

출처

  • https://d2.naver.com/helloworld/59361

0개의 댓글