기준 커밋 기록
검색과 글로벌 카운터 동작에서 렌더링 범위와 커밋 시간을 남깁니다.
최적화는 기준값, 수정, 재측정, 회귀 확인으로 끝낸다
ProductList 실습에서는 반복 렌더 비용과 초기 로딩 비용을 분리해 기록해야 memo 계열 도구와 lazy 적용 효과를 정확히 판단할 수 있습니다.
반복 렌더 줄이기
ProductItem, ProductList, 클릭 핸들러, 필터 결과를 필요한 범위만 메모이제이션합니다.
같은 조건 재측정
동일한 검색어와 클릭 흐름으로 전후 차이를 비교해야 개선 폭이 흔들리지 않습니다.
초기 로딩 분리
처음 화면에 필요 없는 대형 페이지는 React.lazy와 Suspense로 나눕니다.
기능 회귀 확인
검색 결과, 상품 클릭, 로딩 폴백이 최적화 전과 같은지 함께 확인합니다.