🔍 브라우저의 렌더링을 알아보자
개요 - 이용자가 웹브라우저에서 url을 통하여 웹페이지에 들어오게 된다. 이후 브라우저는 요청을 받고 해당하는 결과물을 보여주기위해 작업을 하게 된다. 이때 어떠한 과정을 거치는지를 알게 되면 이용자에게 성능이 보장된 웹페이지를 제공할 수 있을것이다. 기본 동작 과정 - 다음은 렌더링 엔진의 기본적인 동작 과정이다. * 자세히 적어보자면 Requests.response -> loading -> scripting(DOM,CSSOM) -> layout(표기계산) -> painting(그림그리기) -> composition 단계를 거치게된다. 브라우저 엔진 마다의 동작과정 - 기본 동작과정을 기반으로 각 브라우저에서 사용하는 엔진에 따라 조금 다르게 표현이 된다 - 웹킷(webkit)은 사파리, 크롬 브라우..
지식
2021. 7. 13. 23:55
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- baegofda
- cssom
- HTML
- function
- JavaScript
- vue
- VanillaJS
- INPUT
- 개발자회고
- 프론트엔드회고
- 프론트엔드
- 오물오물
- 공공데이터포털
- inline
- axios
- vue예제
- CORS
- 공공데이터
- node.js
- 리액트
- react
- postman
- vue3
- 생활코딩
- nodejs
- CSS
- 노드JS
- font-family
- 프론트엔드면접
- vue입문
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함