add : zustand 설치 및 예제파일 생성

package.json

@@ -20,7 +20,8 @@
     "react-markdown": "^9.0.1",
     "react-query": "^3.39.3",
     "react-toastify": "^10.0.5",
-    "remark-gfm": "^4.0.0"
+    "remark-gfm": "^4.0.0",
+    "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.13",

src/store/example.store.ts

@@ -0,0 +1,22 @@
+import { create } from 'zustand';
+import { devtools, persist } from 'zustand/middleware';
+
+//기본 사용법 타입 에러는 일단 무시
+
+let userStore = (set) => ({
+  user: null,
+  setUser: (payload) =>
+    set((state) => ({
+      user: payload.data
+    }))
+});
+
+// redux devtools처럼 chrome 확장자 앱 사용해서 사용가능
+userStore = devtools(userStore);
+
+// persist 새로고침시 데이터 유지
+userStore = persist(userStore, {
+  name: 'userStore'
+});
+
+export const userStore = create(userStore);