2022-01-08

대부분의 기업들이 React를 쓰는 추세라 나도 이제부터 갈아타려고 공부하는데,

사실 React 자체는 예전부터 알고 있었지만 최적화라던지,

Saga나 Context API 등을 어떻게 같이 쓰는지 등등

깊게 파고들지는 않았었다.

이제부터라도 공부를 마음먹고 시작해보려 한다. 일단 React Hook에 대해서 살펴볼텐데,

React Hook 중 useCallback과 useMemo가 있다.

이 둘의 차이에 대해 끄적여볼까 한다.

일단 둘의 공통점은, 자원을 캐싱한다는거다.

미리 메모리에 저장해뒀다가 컴포넌트가 재렌더링될 때마다 꺼내쓰는거다.

마치 메모이제이션이랑 비슷하다. (찾아봤더니 진짜로 메모이제이션 패턴을 이용하여 구현되었다고 한다.)

차이라고 하면 함수를 반환하느냐, 값을 반환하느냐이다.

useCallback

먼저 useCallback에 대해 이야기해보려 한다.

코드를 보며 생각해보자.