목록react_usecallback (1)

Soony's House

[React] React.memo와 useCallback (ft. 리렌더링 최적화)

목차1. React.memo 메서드1-1. 커스텀 비교함수2. useCallback 💡1. React.memo 저번에 useMemo 훅으로 불필요한 연산을 막았다면,React.memo는 불필요한 리렌더링을 막아주는 내장함수이다. : 함수형 컴포넌트를 메모이제이션(memoization) 하여, props가 변경되지 않으면 컴포넌트를 리렌더링하지 않는 기능을 수행한다. 기본형태는 아래와 같음.import { memo } from 'react';const MyComponent = (props) => { // ...};export default memo(MyComponent); props가 얕은 비교(shallow comparison)로 동일한 경우 해당 컴포넌트는 리렌더링되지 않는다. 최..
✶Frontend/React 2025. 5. 27. 15:53
이전 Prev 1 Next 다음