[React] 최적화 함수 1탄 (useMemo, React.memo, useCallback)

01최적화(Optimization)React는 상태(state)나 props가 변경될 때마다 컴포넌트를 다시 렌더링 합니다.이 과정이 반복되면 성능이 저하될 수 있기 때문에 최적화(Optimization)가 필요합니다. React에서 사용할 수 있는 최적화 기법에는 크게 3가지가 있습니다.불필요한 연산 방지 → useMemo불필요한 렌더링 방지 → React.memo불필요한 함수 재생성 방지 → useCallback이제 각각의 개념을 하나씩 살펴보겠습니다.02useMemo - 불필요한 연산 방지useMemo는 메모이제이션(Memoization) 기법을 활용하여 불필요한 연산을 방지하는 React 훅입니다. ✅ 메모이제이션(Memoization)이란?이전에 계산한 값을 저장해 두고, 필요할 때 다시 꺼내 ..