dev_in 개발 블로그

  • 홈
  • 태그
  • 방명록

2026/02/03 1

브라우저 렌더링 파이프라인

브라우저가 웹 페이지를 화면에 표시하기 위해 거치는 과정을 브라우저 렌더링 파이프라인이라고 합니다. 이 과정은 크게 6단계로 나눌 수 있습니다. 1단계 - DOM 생성브라우저가 HTML 파일을 받으면, 이 파일을 바이트(byte) 단위로 읽기 시작합니다. 브라우저의 HTML 파서(Parser)는 이 바이트들을 문자(character)로 변환하고, 이 문자들을 다시 HTML 토큰으로 변환합니다. 이 HTML 토큰들은 각각의 태그와 그 안에 포함된 텍스트, 속성 등을 의미하게 됩니다.HTML 토큰이 생성되면, 브라우저는 이를 기반으로 DOM 트리를 생성합니다. DOM 트리는 HTML 문서의 구조를 트리 형태로 표현한 것으로, 각 태그가 노드(node)가 되어 부모-자식 관계를 형성합니다. 예를 들어, 태..

개발 관련 토막지식 2026.02.03
이전
1
다음
더보기
프로필사진

dev_in 개발 블로그

dev_in님의 개발 공부 블로그 입니다.

  • 분류 전체보기 (89)
    • 코딩 테스트 공부 (12)
    • 프로젝트 최종 회고록 (2)
    • 개발 관련 토막지식 (39)
    • 코드잇 중급 프로젝트 데일리 회고록 (9)
    • 코드잇 심화 프로젝트 회고록 (4)
    • 최종 프로젝트 리팩토링 (2)
    • 개인 프로젝트 MenuMate (21)

Tag

코딩 테스트, 성능 최적화, 자바스크립트 메소드, 리액트, 자바스크립트 문법, auto batching, 자바스크립트 메서드, 프론트엔드, 브라우저 환경, 렌더링 관리, 개발 팀프로젝트, 개발관련 토막지식, 메서드, 정규 표현식, 웹, 자바스크립트, 배열, props, 개발공부, 무한 데이터 스트림 생성,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바