프로젝트 중간중간 마다 코치님께 코드 리뷰를 받는 시간이 있다. 내가 건드린 코드들이 많아서 그만큼 피드백을 받은 부분도 많았는데, 상당수가 useMemo와 useCallback과 관련한 코드였다. 직접 useMemo 코드를 사용해 전과 후를 비교해봤던 것들을 기록해본다. useMemo() useMemo()는 리액트의 훅 중 하나로, 컴포넌트의 성능을 최적화하는데 사용된다. memo는 우리가 익히 알고 있는 '메모하다'의 의미를 가지고 있는데 즉 '메모리에 넣는다'는 것을 의미한다. 컴퓨터가 동일한 계산을 반복해서 수행을 해야할 때 이전에 계산한 값을 메모리에 저장해서 동일한 계산의 반복 수행을 제거하도록 하는 Hook이다. 반복 계산을 줄이기 때문에 실행 속도가 빨라지며 불필요한 렌더링을 방지할 수 있..