[React .hook] What is useCallback ?

Before we start

 

시작하기에 앞서

 

useCallback 에 대해서 알아보게 된 계기를 설명하겠다.

 

2024.02.23 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] Examples of using useMemo

[React .hook] Examples of using useMemo

 

useMemo를 알아보던 중에

 

useCallback이라는 비슷한 hook이 있다는 걸 알게되었고

 

useMemo와의 차이점을 자세하게 알기위하여

 

게시글을 작성하기로 했다.

 

What is useCallback ?

 

useCallback 또한 useMemo 처럼 컴포넌트의 성능을 올려줄 수 있는 hook이다.

 

만약에

 

const calculate = (num) => {
    return num + 1;
};

 

해당 calcuate 함수를 memoize 하고싶다면?

const calculate = useCallback((num) => {
    return num + 1;
}, [item]);

 

같은 형태로 memoize 해줄 수 있다.

 

 

 

이 글을 마치며...

 

해당 글은 아래의  별코딩 유튜버님의 영상을 참고하여 제작하였습니다.

* 해당 저작물 관련하여 개인적으로 posting permission 받았습니다.

 

https://www.youtube.com/watch?v=XfUF9qLa3mU