수정: useMemo함수 구현

src/@lib/hooks/useMemo.ts

@@ -1,12 +1,27 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { DependencyList } from "react";
 import { shallowEquals } from "../equalities";
+import { useRef } from "./useRef";
 
 export function useMemo<T>(
   factory: () => T,
   _deps: DependencyList,
   _equals = shallowEquals,
 ): T {
-  // 직접 작성한 useRef를 통해서 만들어보세요.
-  return factory();
+  // 직접 작성한 useRef를 통해서 만들어보세요! 이게 제일 중요합니다.
+  // 1. 이전 의존성과 결과를 저장할 ref 생성
+  const prevRef = useRef<{
+    deps: DependencyList | null;
+    memoizedState: T;
+  } | null>(null);
+
+  // 2. 현재 의존성과 이전 의존성 비교
+  if (!prevRef.current || !_equals(prevRef.current?.deps, _deps)) {
+    // 3. 의존성이 변경된 경우 factory 함수 실행 및 결과 저장
+    prevRef.current = {
+      deps: _deps,
+      memoizedState: factory(),
+    };
+  }
+  // 4. 메모이제이션된 값 반환
+  return prevRef.current?.memoizedState;
 }