| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
| 31 |
Tags
- css module classNames
- trigger additional callbacks
- express react
- CSS module 장점
- 프리렌더링
- 오블완
- app.listen
- React
- 회고
- 이미지 업로드 과정
- node.js(express) + ws(websocket) + react
- next.js
- 리스티웨이브
- dynamic metadata
- 특정 dom node만 노출시키고 싶을 때
- useimperativehandle 사용법
- express로 채팅 기능 구현하기
- 코드잇 스프린트 FE 1기
- 리액트 19 useref
- type reference cannot be named error
- usemutation custom hook
- 티스토리챌린지
- components as formulas
- useref 타입
- useimperativehandle 사용할때
- 리액트로 채팅 기능 구현하기
- inferred type error
- 스프린트 여정 마침
- http.createserver
- pure functions
Archives
- Today
- Total
목록dom이란 (1)
Life is connecting the dots .
웹 브라우저는 어떻게 화면에 그려질까? Critical Rendering Path
성능최적화 방법을 공부하면서 렌더링에 대해 다시 공부해 보았다. 브라우저가 그려지는 과정과 DOM에 대한 개념, Reflow를 조금이라도 개선시킬 수 있는 방법을 정리해 보고자 한다. 글 내용과 관련된 개념은 아래 참고에 적혀있는 블로그와 책, 강의 등을 참고하여 작성하였다. Critical Rendering Path 브라우저가 서버로부터 HTML 응답을 받고 화면에 그려지기까지의 시퀀스를 "Critical Rendering Path" 라고 한다. CRP에는 6단계가 있다. DOM 트리 생성CSSOM 트리 생성자바스크립트 실행렌더트리로 결합레이아웃 그리기페인팅1. DOM(Document Object Model)트리 생성 브라우저 요청에 의해 서버에서 HTML파일을 받아오면 다음과 같은 과정으로 브라우저가..
Programming/JS
2023. 6. 20. 21:46