반응형 컴포넌트 메모이제이션1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 89 (개발 도구(Profiler), 컴포넌트 메모이제이션, 대용량 데이터 렌더링) 목차개발 도구(Profiler)컴포넌트 메모이제이션대용량 데이터 렌더링오늘 하루를 돌아보며 개발 도구(Profiler)리액트 개발 도구에 내장된 프로파일러(Profiler) 탭이 있다. 프로파일러는 리액트 앱의 실제 렌더링 성능을 측정하고 어떤 컴포넌트가 얼마나 자주, 왜 렌더링되는지 시각적으로 분석할 수 있게 도와준다.Flame Chart: 컴포넌트 계층 구조와 각 컴포넌트의 렌더링 시간을 시각적으로 보여준다. 상위 컴포넌트에서 하위 컴포넌트로 내려가는 구조다.Rank Chart: 렌더링에 가장 많은 시간이 걸린 컴포넌트를 순서대로 보여준다. 선능 병목 지점 파알에 유용하다.Timeline: 앱의 렌더링 이벤트를 시간 순으로 보여준다. 각 이벤트의 상세 정보(시작, 끝, 소요 시간 등)를 확인할 수 있.. 2025. 9. 12. 이전 1 다음 반응형
