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,