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