data performance

React.memo 소개 갱신 비용

서버 요청, 로딩 상태, memoization, 리스트 렌더링을 함께 보며 필요한 화면만 다시 계산하게 만듭니다.

Fetch

Fetch 기준

요청 시작, 성공, 실패 상태를 분리해 화면이 빈 상태와 오류를 구분합니다.

Cache

Cache 기준

같은 데이터를 반복 요청하지 않도록 key와 무효화 기준을 둡니다.

Memo

Memo 기준

React.memo, useMemo, useCallback은 실제 병목을 확인한 뒤 적용합니다.

loading

중복 클릭과 지연 응답을 UI 상태로 막습니다.

deps

memo와 effect 의존성을 실제로 읽는 값에 맞춥니다.

window

대규모 리스트는 가상화나 페이지 단위 렌더링을 검토합니다.