From 179da75dde000e6b4bb2036f48d3318fbb83f101 Mon Sep 17 00:00:00 2001
From: bongjoonkim <bongjoonkim96@gmail.com>
Date: Fri, 3 Jan 2025 01:18:35 +0900
Subject: [PATCH] =?UTF-8?q?any=ED=83=80=EC=9E=85=20=EC=A0=9C=EA=B1=B0=20?=
 =?UTF-8?q?=EB=B0=8F=20useState=EB=8F=84=20=EB=A7=8C=EB=93=A4=EC=96=B4?=
 =?UTF-8?q?=EB=B3=B4=EA=B8=B0(=EC=8B=A4=ED=8C=A8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@lib/hooks/index.ts    |  1 +
 src/@lib/hooks/useRef.ts   |  2 +-
 src/@lib/hooks/useState.ts | 37 +++++++++++++++++++++++++++++++++++++
 src/App.tsx                | 10 ++++------
 4 files changed, 43 insertions(+), 7 deletions(-)
 create mode 100644 src/@lib/hooks/useState.ts

diff --git a/src/@lib/hooks/index.ts b/src/@lib/hooks/index.ts
index 220d6fe..583576c 100644
--- a/src/@lib/hooks/index.ts
+++ b/src/@lib/hooks/index.ts
@@ -2,3 +2,4 @@ export * from "./useDeepMemo";
 export * from "./useMemo";
 export * from "./useCallback";
 export * from "./useRef";
+export * from "./useState";
diff --git a/src/@lib/hooks/useRef.ts b/src/@lib/hooks/useRef.ts
index 6665f45..559a7a1 100644
--- a/src/@lib/hooks/useRef.ts
+++ b/src/@lib/hooks/useRef.ts
@@ -2,6 +2,6 @@ import {useState} from "react";
 
 export function useRef<T>(initialValue: T): { current: T } {
   // React의 useState를 이용해서 만들어보세요.
-  const [data, setData] = useState<any>({current : initialValue});
+  const [data, setData] = useState<T>({current : initialValue});
   return data;
 }
diff --git a/src/@lib/hooks/useState.ts b/src/@lib/hooks/useState.ts
new file mode 100644
index 0000000..b1fdf27
--- /dev/null
+++ b/src/@lib/hooks/useState.ts
@@ -0,0 +1,37 @@
+import React from 'react';
+
+// 이것저것 수정해서 구현해보려다 실패
+type SetStateAction<T> = T | ((prevState: T) => T);
+type Dispatch<T> = (action: SetStateAction<T>) => void;
+
+const states: unknown[] = [];
+let currentStateIndex = 0;
+
+export function useState<T>(initialValue: T): [T, Dispatch<T>] {
+  const index = currentStateIndex;
+  
+  if (states[index] === undefined) {
+    states[index] = initialValue;
+  }
+  
+  const setState = (newValue: SetStateAction<T>) => {
+    const value = typeof newValue === 'function'
+      ? (newValue as (prevState: T) => T)(states[index] as T)
+      : newValue;
+    
+    if (states[index] !== value) {
+      states[index] = value;
+      React.Component.prototype.forceUpdate.call(this);
+    }
+  };
+  
+  currentStateIndex++;
+  
+  React.useEffect(() => {
+    return () => {
+      currentStateIndex = 0;
+    };
+  });
+  
+  return [states[index] as T, setState];
+}
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index f74ec47..cff5e3b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,8 +1,6 @@
-import React, {useState, createContext, useContext, useEffect} from "react";
+import React, {useState, createContext, useContext } from "react";
 import { generateItems, renderLog } from "./utils";
 import {memo,  useCallback, useMemo } from "./@lib";
-// import {memo} from "react";
-import {deepEquals} from "./@lib";
 
 // 타입 정의
 interface Item {
@@ -37,9 +35,9 @@ interface AppContextType {
 }
 
 const AppContext = createContext<AppContextType | undefined>(undefined);
-const ThemeContext = createContext<any>(undefined);
-const AuthContext = createContext<any>(undefined);
-const NotificationContext = createContext<any>(undefined);
+const ThemeContext = createContext<string | undefined>(undefined);
+const AuthContext = createContext<User | undefined>(undefined);
+const NotificationContext = createContext<Notification | undefined>(undefined);
 
 // 커스텀 훅들
 const useTheme = () => {