브라우저의 동작 원리 (렌더링 과정)
요약1. HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.)2. CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.)3. DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정)4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.)5. 개별 노드를 화면에 페인트한다. 자세한 내용은 밑에 개인 노션에 정리한 것을 확인해주세요 https://sanghoon98.notion.site/4f0c03b5de584f1792310f8ba40d97c7 브라우저 렌더링 과정v8 JS엔진으로 빌드된 JS런타임 환경인 Node.js의 등장으로 JS는 웹브라우저를 벗..
개발/IT 교양
2022. 6. 17. 15:43
TAG
- 실용주의 프로그래머
- Next
- toast
- 철학
- 성능최적화
- styled component
- Next.js
- base64
- HTTP
- SSG
- 노션
- Proxy
- React
- SSR
- https
- editor
- Typescript
- CSR
- Section
- 웹 접근성
- 궁금증
- 선언적 프로그래밍
- 도메인
- server
- 프론트엔드
- s3
- NextJS
- lazyloading
- 브라우저
- IP
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
글 보관함
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
반응형