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