커뮤니티 global 로딩바 추가

src/components/community/ArchiveTable.jsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useEffect, useState, useContext } from 'react'
 import { useRecoilState } from 'recoil'
 import { useAxios } from '@/hooks/useAxios'
 
@@ -9,7 +9,12 @@ import { useMessage } from '@/hooks/useMessage'
 
 import { handleFileDown } from '@/util/board-utils'
 
+import { QcastContext } from '@/app/QcastProvider'
+
 export default function ArchiveTable({ clsCode }) {
+  // global 로딩바
+  const { setIsGlobalLoading } = useContext(QcastContext)
+
   const { getMessage } = useMessage()
 
   // api 조회 관련
@@ -20,6 +25,7 @@ export default function ArchiveTable({ clsCode }) {
   // 목록 조회
   useEffect(() => {
     async function fetchData() {
+      setIsGlobalLoading(true)
       const url = `/api/board/list`
       const params = new URLSearchParams({
         schNoticeTpCd: 'QC',
@@ -42,6 +48,7 @@ export default function ArchiveTable({ clsCode }) {
           alert(resultData.result.message)
         }
       }
+      setIsGlobalLoading(false)
     }
 
     fetchData()

src/components/community/Table.jsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useEffect, useState, useContext } from 'react'
 import { useRecoilState } from 'recoil'
 
 import { searchState } from '@/store/boardAtom'
@@ -10,7 +10,12 @@ import { useMessage } from '@/hooks/useMessage'
 
 import BoardDetailModal from '../community/modal/BoardDetailModal'
 
+import { QcastContext } from '@/app/QcastProvider'
+
 export default function Table({ clsCode }) {
+  // global 로딩바
+  const { setIsGlobalLoading } = useContext(QcastContext)
+
   const { getMessage } = useMessage()
 
   // api 조회 관련
@@ -25,6 +30,7 @@ export default function Table({ clsCode }) {
   // 목록 조회
   useEffect(() => {
     async function fetchData() {
+      setIsGlobalLoading(true)
       const startRow = (search.currentPage - 1) * search.pageBlock > 0 ? (search.currentPage - 1) * search.pageBlock + 1 : 1
       const endRow = search.currentPage * search.pageBlock
 
@@ -53,6 +59,7 @@ export default function Table({ clsCode }) {
           alert(resultData.result.message)
         }
       }
+      setIsGlobalLoading(false)
     }
 
     fetchData()