테스트 성능 회귀 방지 루프

렌더링 최적화는 체감 개선만 보고 끝내지 말고, 사용자 행동 테스트와 측정값을 함께 남겨야 유지된다.

1

사용자 시나리오 고정

검색, 입력, 스크롤처럼 실제 흐름을 React Testing Library 기준으로 먼저 검증한다. · behavior first

2

병목 측정

Profiler와 브라우저 도구로 느린 컴포넌트, 큰 리스트, 비싼 계산을 분리한다. · measure before memo

3

참조 안정화

props 변경 원인이 함수면 useCallback, 계산값이면 useMemo, 컴포넌트면 memo를 검토한다. · 렌더링 경계

4

대량 목록 격리

항목 수가 많으면 가상화로 DOM 수를 줄이고, 행 컴포넌트의 props를 작게 유지한다. · virtual window

5

회귀 기준 기록

테스트와 측정 결과를 PR 기준으로 남겨 이후 리팩터링이 같은 성능선을 지키게 한다. · repeatable proof

핵심테스트 성능 회귀 방지 루프은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.