Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 컴포넌트 생명주기
- 두 포인터
- vscode
- 공백찾기
- BFS
- 재귀
- 슬라이딩 윈도우
- 레이아웃 스래싱
- 레퍼런스복사
- 수학
- webpack5
- 이벤트 생명주기
- 동적타입언어
- SW EA
- react18
- webpack
- 정적타입언어
- react
- 분할정복
- 브루트포스
- 마진 상쇄
- next14
- 이분탐색
- 누적합
- 리액트
- 값복사
- 즉시실행함수
- 렌더링 최적화
- 구현
- 백준
Archives
- Today
- Total
목록레이아웃 스래싱 (1)
D.JOUNG
레이아웃 스래싱, 예제로 이해하기
개요최근 렌더링 최적화를 공부하면서 리플로우와 리페인팅 방지에 각별히 신경을 쓰게 됐다. 리팩토링하는 코드 내에서 getBoundingClientRect() 메소드를 자주 호출하는 부가 있는데, getBoundingClientRect()는 아래 포스팅에 정리되어있는 리플로우 유발 메소드 중 하나다.https://gist.github.com/paulirish/5d52fb081b3570c81e3a What forces layout/reflow. The comprehensive list.What forces layout/reflow. The comprehensive list. - what-forces-layout.mdgist.github.com 그런데 성능탭을 열어 타임라인을 살펴봐도 성능에 문제가 될 정도로..
웹/javascript
2025. 1. 23. 06:17