일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- React API 참고서
- React18
- React 고급안내서
- CSS
- react
- react hook
- Javascript
- background tab
- React 공식문서
- Nextjs
- 고급안내서
- Programmers
- notFound()
- getUTCDate
- hook
- Next13
- background setttimeout
- RTK Query
- React 18
- context
- React 고급 안내서
- background setInterval
- codingtest
- React 18 Nextjs
- background: url
- Render Props
- Babel
- next13 head
- Nextjs React 18
- react-helmet
Archives
- Today
- Total
akjfal
Profiler API 본문
React 애플리케이션이 렌더링하는 빈도와 렌더링 비용을 측정합니다. 애플리케이션 느린부분들을 찾아내서 메모이제이션 같은 성능 최적화 방법을 통해 해결가능합니다.
사용법
Profiler는 id와 onRender 두가지 props를 요구합니다.
(
<Profiler id="nav" onRender={callback}>
...
</Profiler>
}
복수로 사용하거나 하위 트리에 중첩으로도 사용 가능합니다.
'(구)React 공식문서 > 고급 안내서' 카테고리의 다른 글
재조정(Reconciliation) (0) | 2023.02.22 |
---|---|
JSX 없이 사용하는 React (0) | 2023.02.22 |
Portal (0) | 2023.02.22 |
성능 최적화 (0) | 2023.02.20 |
JSX 이해하기 (0) | 2023.02.17 |