일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 고급 안내서
- hook
- React 공식문서
- Javascript
- RTK Query
- react
- background setInterval
- notFound()
- CSS
- React API 참고서
- Render Props
- React 18 Nextjs
- next13 head
- react-helmet
- Programmers
- react hook
- background tab
- Next13
- getUTCDate
- 고급안내서
- React 고급안내서
- background: url
- background setttimeout
- Nextjs React 18
- context
- React18
- codingtest
- React 18
- Nextjs
- Babel
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 |
Comments