728x90 300x250 2024/12/041 useCallback과 useMemo의 차이 useCallback과 useMemo 훅에 대해서 알아봤다. 둘 다 메모이제이션 기능을 제공하고 얼핏 같은동작을 하는것 같지만 사용하는 목적과 반환값이 다르다.구체적으로 알아보자 1. useCallback사용 목적 : 함수를 메모이제이션하여 동일한 함수 인스턴스를 재사용한다.주요 사용 이유 : 함수를 자식 컴포넌트에 props로 전달할 때, 매번 새로운 함수가 생성되지 않도로고 하고 불필요한 렌더링 방지기본 문법const memoizedCallback = useCallback(() => { // 함수 로직}, [dependencies]); memoizedCallback : 메모이제이션된 함수dependencies : 이 배열의 값이 바뀔 때만 함수가 새로 생성된다. 예시 : useCallback 사용.. 2024. 12. 4. 이전 1 다음 728x90 반응형