728x90
Front-end/Debug
-
React 개발 중 컴포넌트 렌더링 laggingFront-end/Debug 2023. 2. 15. 00:49
최근 회사에서 React 개발 중 컴포넌트 렌더링시에 버벅거리는 (lagging) 현상이 나타났습니다. 새로고침하면 괜찮아지기도하면서 간헐적으로 발생했습니다. 추측했던 원인은 다음과 같습니다. 1. 잘못된 상태 관리로 인한 불필요한 리렌더링 발생 2. UI 라이브러리 컴포넌트 오사용으로 인한 오류 하지만 다행히도(?) 진짜 원인은 Chrome DevTools였습니다. Chrome DevTools에서 애플리케이션을 모니터링하고 있다보니 렌더링에서 lagging 이 발생하는 것이었습니다. https://stackoverflow.com/questions/60573388/react-app-slows-to-a-crawl-with-chrome-developer-tools-open-works-fine-in-incog..