기법을 외워 나열하는 수준인지, 측정 결과를 보고 언제 어떤 기법을 쓸지 가르는 사람인지 본다.
리액트 성능 최적화는 불필요한 재렌더링을 줄이고 초기 로드 비용을 낮추는 방향으로 간다. React.memo는 props가 동일할 때 컴포넌트 재렌더를 막고, useCallback/useMemo는 함수 재생성이나 비싼 계산 재실행을 줄인다. React.lazy와 Suspense 기반 코드 스플리팅은 필요한 시점에만 청크를 로드해 초기 번들 부담을 줄인다. 단 모든 최적화는 측정 없이 적용하면 복잡도만 키울 뿐 체감 속도는 그대로다.
Profiler로 가장 자주 리렌더되는 컴포넌트를 찾아 memo로 잘라낸 경험이 있다면 어떤 기준으로 후보를 골랐는지 연결할 수 있다
라우트 단위 코드 스플리팅으로 초기 번들을 줄여본 적이 있다면 청크 분리 기준과 로딩 UX 보완을 함께 말할 수 있다
최적화로 코드 복잡도가 늘었을 때 팀에 어떻게 가이드를 잡았는지가 답변 후크가 된다
아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.