one Book a Day

  • 홈
  • 태그
  • 방명록
  • GitHub

Repaint 1

렌더링이란? 그리고 렌더링을 최적화 할 방법들.

렌더링이란? 개발자가 작성한 문서를 브라우저에서 그래픽 형태로 출력하는 것. 주소창에 구글 검색 구글 서버로 찾아감 DNS(Domain name server)가 연결해줄 곳을 찾음(실제 서버가 어디있는지 알고있는 서버.) 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 과정. 로더가 서버로부터 전달 받는 리소스 스트림을 읽는다.(data인지 file인지 다운로드 할껀지..) 브라우저는 서버로부터 HTML 문서를 다운받고(W3C(world wide web consortium)의 명세에 따라 HTML해석) Rendering 엔진은 HTML 문서를 파싱해서 DOM tree를 만든다 그 다음 CSS를 파싱해 CSSOM tree를 만든다. DOM tree와 CSSOM tree를 결합해 렌더링 트리를 형성한다...

webDeveloper/Browser 2021.08.02
1
더보기
프로필사진
  • 분류 전체보기 (720)
    • webDeveloper (11)
      • Browser (5)
      • Test (1)
    • frontend (50)
      • HTML (6)
      • CSS&Design (14)
      • JavaScript (16)
      • TypeScript (2)
      • React (8)
      • 상태관리 (2)
      • d3.js & three.js (1)
    • backend (21)
      • Node.js (0)
      • Django&Python (15)
      • Java (2)
      • Spring Boot (0)
      • DB (4)
    • practivceAlgorithm (570)
      • 자료구조&알고리즘 (29)
      • PYTHON 기능연습 (11)
      • 백준 (379)
      • swexpertacademy (84)
      • programmers (23)
      • codeforce (20)
      • LeetCode (0)
      • 다시 봐야할 문제들 (22)
    • Computer Science (37)
      • 소프트웨어 공학 (9)
      • 네트워크 (10)
      • 운영체제 (7)
      • 컴퓨터 구조 (4)
      • DB (2)
      • 모델링 & 아키텍쳐 & 패턴 (3)
      • IOT (2)
    • GitHub&Git (7)
    • 후기 (3)
    • IDE (1)
    • Memo (1)

Tag

Python, JS, 비트마스크, TRIE, codeforce 702, 비트마스킹, React, 2018, DP, 다익스트라, dfs, 분할정복, kakao 2019, 백준, http, JS 30, BOJ, 파이썬, 슬라이딩 윈도우, kakao 2018,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바