- React Scan이라는 무료 디버깅 도구를 사용하면 React 렌더링 성능 문제를 쉽게 찾고 해결할 수 있습니다. 🔎
- npm, CLI, 브라우저 확장 프로그램 또는 스크립트 태그를 통해 React Scan을 설치할 수 있습니다. 💻
- React Scan은 불필요한 렌더링을 시각적으로 보여주고, 각 렌더링에 대한 소리 알림을 제공합니다. 🔊
useMemo
훅을 사용하여 불필요한 계산을 방지하고 성능을 최적화할 수 있습니다. 💡- React는 prop 변경으로 인해 렌더링되는 것이 아니라 state 변경으로 인해 렌더링됩니다. 🔄