wei3on 님의 블로그

  • 홈
  • 태그
  • 방명록

virtual dom 1

가상돔

웹 페이지 빌드 과정 브라우저가 서버에서 페이지에 대한 HTML 응답을 받고 화면에 표시하기 전에 여러 단계가 있다.웹브라우저가 HTML 문서를 읽고, 스타일을 입히고 뷰포트에 표시하는 과정  DOM tree 생성렌더 엔진이 문서를 읽어들여서 그것들을 파싱하고 어떤 내용을 페이지에 랜더링 할 지 결정🔻Render tree 생성브라우저가 DOM과 CSSON을 결합하는 곳, 화면에 보이는 모든 컨텐츠와 스타일 정보를 모두 포함하는 최종 랜더링 트리를 출력즉, 화면에 표시되는 모든 노드의 컨텐츠 및 스타일 정보를 포함🔻Layout (reflow)브라우저가 페이지에 표시되는 각 요소의 크기와 위치를 계산하는 단계🔻Paint실제 화면에 그리기   ❗️문제점 어떤 인터렉션에 의해 DOM에 변화가 발생하면그때마..

📚 프론트엔드 공부 일지/REACT 2024.07.05
이전
1
다음
더보기
프로필사진

wei3on 님의 블로그

wei3on 님의 블로그 입니다.

  • 분류 전체보기 (37)
    • 📚 프론트엔드 공부 일지 (31)
      • HTML (0)
      • CSS (1)
      • JAVASCRIPT (5)
      • REACT (14)
      • TYPESCRIPT (3)
      • BUNDLER (5)
      • GITHUB (3)
    • 📃 프로젝트 (5)
    • 🧨 트러블 슈팅 (1)

Tag

node.js, 타입스크립트, javascript, 리액트, 깃, class함수, 프론트엔드개발, 자바스크립트, 부트캠프, React, 번들러, webpack, 프론트엔드 개발, bundler, GIT, 웹팩, 국비지원교육, 프론트엔드, NPM, 패스트캠퍼스,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

티스토리툴바