# 브라우저 렌더링

6개의 포스트
post-thumbnail

TIL 80 | 브라우저 렌더링 과정과 최적화

왜 알아야하는지 알고 공부하기

2021년 6월 2일
·
0개의 댓글

기술 면접에서 받은 질문 (2) - React 및 기타

요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 React를 비롯한 여러 라이브러리와 기타 프론트엔드 관련된 내용들을 정리했다. Vanilla JavaScript 관련 글은 이전 글에서 정리했다.

2021년 4월 30일
·
0개의 댓글

브라우저 렌더링

브라우저가 페이지를 렌더링하려면 먼저 DOM 및 CSSOM 트리를 생성해야 합니다. 따라서 HTML 및 CSS를 가능한 한 빨리 브라우저에 제공해야 합니다.참고: https://developers.google.com/web/fundamentals/perform

2021년 4월 20일
·
0개의 댓글
post-thumbnail

Browser Rendering Process

User Interface: 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분Browser Engine: User Interface와 Rendering Engine 사이의 동작을 제어Rendering Engine:

2020년 12월 18일
·
0개의 댓글
post-thumbnail

브라우저의 렌더링 과정

HTML ,CSS 다운 > HTML -> DOM > CSS -> CSSOM > DOM + CSSOM = Render Tree > Layout > Paint

2020년 9월 18일
·
0개의 댓글

DOM / Virtual DOM / 브라우저 렌더링 - FE study2

1.DOM 이란? DOM (Document Object Model) : DOM은 HTML,XML 문서의 객체 기반 표현 방식입니다. image.png 그러므로, document를 포함한 html, 그 아래의 트리구조의 태그들 모두 객체이며 모두 객체로서 접근 및 컨트롤 할 수 있다. HTML (HyperText Markup Language) : 웹페...

2020년 1월 9일
·
0개의 댓글