From 974a380e75d229c84bbbd7f2826af5c6a47f8803 Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Thu, 2 Jan 2025 10:13:24 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8chore:=20GlobalDataProvider=20conte?=
 =?UTF-8?q?xt=20=EB=8D=B0=EC=9D=B4=ED=84=B0=EB=A5=BC=20=EC=9E=84=EC=8B=9C?=
 =?UTF-8?q?=EB=A1=9C=20localStorage=EB=A1=9C=20=EB=B3=B5=EC=82=AC=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 임시조치이며 개발 완료 시점에 삭제 예정
---
 src/app/GlobalDataProvider.js | 12 ++++++++++--
 src/components/Playground.jsx | 14 +++++++++++++-
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/app/GlobalDataProvider.js b/src/app/GlobalDataProvider.js
index ee7bf4e3..e4162cd1 100644
--- a/src/app/GlobalDataProvider.js
+++ b/src/app/GlobalDataProvider.js
@@ -1,16 +1,24 @@
 'use client'
 
-import { createContext, useState } from 'react'
+import { createContext, useEffect, useState } from 'react'
+import { useLocalStorage } from 'usehooks-ts'
 
 export const GlobalDataContext = createContext({
   managementState: {},
   setManagementState: () => {},
+  managementStateLoaded: null,
 })
 
 const GlobalDataProvider = ({ children }) => {
   const [managementState, setManagementState] = useState({})
+  // TODO: 임시 조치이며 개발 완료시 삭제 예정 -> 잊지말기...
+  const [managementStateLoaded, setManagementStateLoaded] = useLocalStorage('managementStateLoaded', null)
 
-  return <GlobalDataContext.Provider value={{ managementState, setManagementState }}>{children}</GlobalDataContext.Provider>
+  useEffect(() => {
+    setManagementStateLoaded(managementState)
+  }, [managementState])
+
+  return <GlobalDataContext.Provider value={{ managementState, setManagementState, managementStateLoaded }}>{children}</GlobalDataContext.Provider>
 }
 
 export default GlobalDataProvider
diff --git a/src/components/Playground.jsx b/src/components/Playground.jsx
index fcc5468d..ef1adab2 100644
--- a/src/components/Playground.jsx
+++ b/src/components/Playground.jsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { useRef, useState, useEffect } from 'react'
+import { useRef, useState, useEffect, useContext } from 'react'
 import { useRecoilState } from 'recoil'
 import { v4 as uuidv4 } from 'uuid'
 import { FaAnglesUp } from 'react-icons/fa6'
@@ -26,6 +26,7 @@ import QPagination from './common/pagination/QPagination'
 import { trestleRequestModels, constructionRequestModels, trestleDetailRequestModels } from '@/models/apiModels'
 import QSelectBox from './common/select/QSelectBox'
 import SampleReducer from './sample/SampleReducer'
+import { GlobalDataContext } from '@/app/GlobalDataProvider'
 
 export default function Playground() {
   const [useCadFile, setUseCadFile] = useRecoilState(useCadFileState)
@@ -52,6 +53,8 @@ export default function Playground() {
 
   const [users, setUsers] = useState([])
 
+  const { managementState, setManagementState, managementStateLoaded } = useContext(GlobalDataContext)
+
   useEffect(() => {
     console.log('textInput:', textInput)
   }, [textInput])
@@ -508,6 +511,15 @@ export default function Playground() {
         <div className="my-2">
           <SampleReducer />
         </div>
+        <div className="my-2">
+          <Button onClick={() => setManagementState({ ...managementState, objectNo: '1234567890' })}>GlobalDataProvider 테스트</Button>
+        </div>
+        <div className="my-2">
+          <Button onClick={() => setManagementState({})}>GlobalDataProvider 초기화</Button>
+        </div>
+        <div className="my-2">
+          <p>{managementStateLoaded?.objectNo}</p>
+        </div>
       </div>
     </>
   )