React는 상태 변화 시 컴포넌트를 다시 렌더링합니다. 하지만 모든 리렌더링이 필요한 것은 아닙니다. 이 글에서는 불필요한 렌더링을 줄여 성능을 높이는 3가지 도구 React.memo, useCallback, useMemo를 소개합니다.1. React.memo – 컴포넌트 리렌더링 방지React.memo는 props가 바뀌지 않았다면 컴포넌트 렌더링을 건너뜁니다.const Child = React.memo(function Child({ name }) { console.log("렌더링됨"); return 이름: {name};});사용 시점: 자주 렌더링되는 부모 컴포넌트 아래 정적인 자식 컴포넌트가 있을 때2. useCallback – 함수 재생성 방지useCallback은 함수를 메모이제이션해서 불..
