[Web] 콘텐츠 표현 플로우

플로우

html 파일의 마크업을 HTML로 파싱, 렌더링

콘텐츠 표현을 위해 오브젝트 모델로 변환

• DOM: Document Object Model
  • Element에 추가/삭제되더라도 성능에 큰 영향을 끼치지 않는다.
• CSSOM: CSS Object Model
  • 4단계로 나누어 처리한다.
    • 렌더트리 생성 Style을 반영하여 렌더링 트리를 만든다.
    • 레이아웃(리플로우사이즈와 포지션을 토대로 레이아웃을 만든다.
    • 페인팅(레스터화)시각적 속성을 바탕으로 페인팅한다. (color, background 등)
    • 리페인팅
• AOM : Accessibility Object Model

주석도 DOM Node Tree로 변환된다.