From bca3100a120aa131576a725ac0013b6263d36af8 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Tue, 13 May 2025 15:11:12 +0900
Subject: [PATCH] =?UTF-8?q?commonCode=20get=20in=20hook=20=3D>=20page=20?=
 =?UTF-8?q?=ED=95=9C=EB=B2=88=EB=A7=8C=20=ED=98=B8=EC=B6=9C=ED=95=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/header/Header.jsx  | 17 +++++++++++++++++
 src/hooks/common/useCommonCode.js | 15 +--------------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
index 7ce753df..3a798011 100644
--- a/src/components/header/Header.jsx
+++ b/src/components/header/Header.jsx
@@ -20,6 +20,8 @@ import { stuffSearchState } from '@/store/stuffAtom'
 import { QcastContext } from '@/app/QcastProvider'
 
 import { usePopup } from '@/hooks/usePopup'
+import { commonCodeState } from '@/store/commonCodeAtom'
+import { isObjectNotEmpty } from '@/util/common-utils'
 
 export const ToggleonMouse = (e, act, target) => {
   const listWrap = e.target.closest(target)
@@ -67,6 +69,21 @@ export default function Header(props) {
 
   const [SelectOptions, setSelectOptions] = useState([])
 
+  const [commonCode, setCommonCode] = useRecoilState(commonCodeState)
+  const { promiseGet } = useAxios()
+
+  useEffect(() => {
+    const getCommonCode = async () => {
+      await promiseGet({ url: '/api/commcode/qc-comm-code' }).then((res) => {
+        setCommonCode(Object.groupBy(res.data, ({ clHeadCd }) => clHeadCd))
+      })
+    }
+
+    if (!isObjectNotEmpty(commonCode)) {
+      getCommonCode()
+    }
+  }, [])
+
   const getAutoLoginParam = async () => {
     await promisePost({ url: '/api/login/v1.0/user/login/autoLoginEncryptData', data: { loginId: userSession.userId } })
       .then((res) => {
diff --git a/src/hooks/common/useCommonCode.js b/src/hooks/common/useCommonCode.js
index e85cbb64..7af6b764 100644
--- a/src/hooks/common/useCommonCode.js
+++ b/src/hooks/common/useCommonCode.js
@@ -22,9 +22,8 @@ import { useAxios } from '../useAxios'
  * const honorificCodes = findCommonCode(200800);
  */
 export const useCommonCode = () => {
-  const [commonCode, setCommonCode] = useRecoilState(commonCodeState)
   const globalLocale = useRecoilValue(globalLocaleStore)
-  const { promiseGet } = useAxios()
+  const [commonCode, setCommonCode] = useRecoilState(commonCodeState)
 
   const findCommonCode = (key) => {
     const resultCodes = commonCode[key]?.map((code) => {
@@ -41,18 +40,6 @@ export const useCommonCode = () => {
     return resultCodes
   }
 
-  useEffect(() => {
-    const getCommonCode = async () => {
-      await promiseGet({ url: '/api/commcode/qc-comm-code' }).then((res) => {
-        setCommonCode(Object.groupBy(res.data, ({ clHeadCd }) => clHeadCd))
-      })
-    }
-
-    if (!isObjectNotEmpty(commonCode)) {
-      getCommonCode()
-    }
-  }, [])
-
   return {
     commonCode,
     findCommonCode,