[ 모던 리액트 : Deep Dive ] - 03장 리액트 훅 깊게 살펴보기 useMemo, useCallback

🚀 useMemo

✅ useMemo란?

- 비용이 큰 연산에 대한 결과를 메모이제이션해두고, 저장된 값을 반환하는 훅

 

✅ 사용방법

import { useMemo } from "react";

const memo=useMemo(()=>{
    // 값을 반환하는 생성 함수
    // 컴포넌트도 가능
},[// 의존성 배열 ])

 

🚀 useCallback

✅ useCallback이란?

- 인수로 넘겨받은 콜백 자체를 기억하는 훅. 즉, 특정 함수를 새로 만들지 않고 재사용한다. 

- useMemo는 값을 기억하지만, useCallback은 함수를 기억한다. 

 

✅ 사용방법

import { useCallback } from "react";

const memo=useCallback(
  function func(){
    
  },[// 의존성 배열 ])