React.memo 적용 판단 기준

memo는 props가 안정적이고 렌더 비용이 클 때 효과가 납니다. 반대로 값이 자주 바뀌거나 컴포넌트가 가벼우면 비교 비용만 추가됩니다.

01

profile

병목이 측정됐나 · Profiler에서 느린 컴포넌트나 불필요한 렌더가 확인됐는지 봅니다. · 아니면 먼저 측정

02

cost

렌더 비용이 큰가 · 복잡한 UI, 큰 목록, 무거운 계산을 포함할 때 후보가 됩니다. · 가벼우면 보류

03

props

props가 자주 안 바뀌나 · 같은 입력이 반복될수록 얕은 비교로 렌더를 건너뛸 수 있습니다.

04

reference

참조가 안정적인가 · 함수, 객체, 배열 props는 새로 만들면 memo가 계속 깨집니다. · 필요 시 useCallback , useMemo

5

적용 후

같은 사용자 동작을 Profiler로 다시 기록해 commit 시간과 렌더 횟수를 비교합니다.

핵심React.memo 적용 판단 기준은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.