사용자 시나리오 고정
검색, 입력, 스크롤처럼 실제 흐름을 React Testing Library 기준으로 먼저 검증한다.
behavior first성능 최적화는 테스트로 회귀를 잠근 뒤 반복한다
렌더링 최적화는 체감 개선만 보고 끝내지 말고, 사용자 행동 테스트와 측정값을 함께 남겨야 유지된다.
병목 측정
Profiler와 브라우저 도구로 느린 컴포넌트, 큰 리스트, 비싼 계산을 분리한다.
measure before memo참조 안정화
props 변경 원인이 함수면 useCallback, 계산값이면 useMemo, 컴포넌트면 memo를 검토한다.
렌더링 경계대량 목록 격리
항목 수가 많으면 가상화로 DOM 수를 줄이고, 행 컴포넌트의 props를 작게 유지한다.
virtual window회귀 기준 기록
테스트와 측정 결과를 PR 기준으로 남겨 이후 리팩터링이 같은 성능선을 지키게 한다.
repeatable proof