[React] Deep Dive 모던 리액트(9) useMemo,useCallback,useRef

useMemo useMemo는 비용이 큰 연산에 대한 결과를 저장해두고 이 저장된 값을 반환하는 훅이다. import { useMemo } from 'react' const memoizedVAlue = useMemo(() => expensiveComputation(a,b),[a,b]) 첫번째 인수로는 어떤 값을 반환하는 생성함수를, 두번째 인수로는 해당 함수가 의존하는 값의 배열을 반환한다. useMemo는 의존성 배열의 값이 변경되지 않으면 함수를 재실행하지 않는다. 이런 메모이제이션은 값이 아니라 컴포넌트에 적용하는 것 또한 가능하다! import React, { useEffect, useMemo, useState } from "react"; function ExpensiveComponent({ va..