src/components/popup/SuitableDetailPopup.tsx

@@ -9,7 +9,7 @@ import { SUITABLE_HEAD_CODE, type Suitable, type SuitableDetail } from '@/types/
 
 export default function SuitableDetailPopup() {
   const popupController = usePopupController()
-  const { toCodeName, toSuitableDetail, suitableCheckIcon, suitableCheckMemo, getSelectedSuitables, suitableErrorAlert } = useSuitable()
+  const { toCodeName, toSuitableDetail, suitableCheckIcon, suitableCheckMemo, getSelectedSuitables } = useSuitable()
 
   const [openItems, setOpenItems] = useState<Set<number>>(new Set())
   const [selectedSuitables, setSelectedSuitables] = useState<Suitable[]>([])
@@ -24,13 +24,9 @@ export default function SuitableDetailPopup() {
   }, [])
 
   useEffect(() => {
-    getSelectedSuitables()
+    getSelectedSuitables().then((res) => {
-      .then((res) => {
+      setSelectedSuitables(res)
-        setSelectedSuitables(res)
+    })
-      })
-      .catch(() => {
-        suitableErrorAlert()
-      })
   }, [])
 
   return (

src/components/suitable/SuitableButton.tsx

@@ -6,16 +6,12 @@ import { useSuitableStore } from '@/store/useSuitableStore'
 
 export default function SuitableButton() {
   const popupController = usePopupController()
-  const { getSuitableIds, clearSuitableStore, downloadSuitablePdf, suitableErrorAlert } = useSuitable()
+  const { getSuitableIds, clearSuitableStore, downloadSuitablePdf } = useSuitable()
   const { selectedItems, addAllSelectedItem } = useSuitableStore()
 
   /* 데이터 전체 선택 */
   const handleSelectAll = async () => {
-    try {
+    addAllSelectedItem(await getSuitableIds())
-      addAllSelectedItem(await getSuitableIds())
-    } catch (error) {
-      suitableErrorAlert()
-    }
   }
 
   /* 상세 팝업 열기 */

src/components/suitable/SuitableList.tsx

@@ -19,9 +19,7 @@ export default function SuitableList() {
     hasNextPage,
     isFetchingNextPage,
     isLoading,
-    isError,
     suitableCheckIcon,
-    suitableErrorAlert,
   } = useSuitable()
   const { selectedItems, addSelectedItem, removeSelectedItem } = useSuitableStore()
   const [openItems, setOpenItems] = useState<Set<number>>(new Set())
@@ -146,11 +144,6 @@ export default function SuitableList() {
     useSpinnerStore.getState().setIsShow(isLoading || isFetchingNextPage)
   }, [isLoading, isFetchingNextPage])
 
-  /* 조회 데이터 오류 처리 */
-  useEffect(() => {
-    if (isError) suitableErrorAlert()
-  }, [isError])
-
   /* 조회 데이터 없는 경우 */
   if (!suitableList.length) return <SuitableNoData />
 

src/hooks/useCommCode.ts

@@ -9,7 +9,7 @@ export function useCommCode() {
       return response.data
     } catch (error) {
       console.error(`common code (${headCode}) load failed:`, error)
-      throw error
+      return []
     }
   }
 

src/hooks/useSuitable.ts

@@ -51,7 +51,7 @@ export function useSuitable() {
       return response.data
     } catch (error) {
       console.error(`지붕재 적합성 데이터 조회 실패: ${error}`)
-      throw error
+      return []
     }
   }
 
@@ -69,7 +69,7 @@ export function useSuitable() {
       return response.data
     } catch (error) {
       console.error(`지붕재 적합성 데이터 아이디 조회 실패: ${error}`)
-      throw error
+      return []
     }
   }
 
@@ -89,7 +89,7 @@ export function useSuitable() {
       return response.data
     } catch (error) {
       console.error(`지붕재 적합성 상세 데이터 조회 실패: ${error}`)
-      throw error
+      return []
     }
   }
 
@@ -101,13 +101,9 @@ export function useSuitable() {
   const getSuitableCommCode = (): void => {
     const headCodes = Object.values(SUITABLE_HEAD_CODE) as SUITABLE_HEAD_CODE[]
     for (const code of headCodes) {
-      getCommCode(code)
+      getCommCode(code).then((res) => {
-        .then((res) => {
+        setSuitableCommCode(code, res)
-          setSuitableCommCode(code, res)
+      })
-        })
-        .catch(() => {
-          suitableErrorAlert()
-        })
     }
   }
 
@@ -173,8 +169,8 @@ export function useSuitable() {
     hasNextPage,
     isFetchingNextPage,
     isLoading,
-    isError,
+    // isError,
-    error,
+    // error,
   } = useInfiniteQuery<Suitable[]>({
     queryKey: ['suitables', 'list', searchCategory, searchKeyword],
     queryFn: async (context) => {
@@ -193,8 +189,6 @@ export function useSuitable() {
     staleTime: 1000 * 60 * 10,
     gcTime: 1000 * 60 * 10,
     enabled: searchCategory !== '' || searchKeyword !== '',
-    retry: 1,
-    retryDelay: (attemptIndex) => Math.min(1000 * 2 ** attemptIndex, 30000),
   })
 
   /**
@@ -269,12 +263,8 @@ export function useSuitable() {
    * @returns {Promise<Suitable[]>} 선택된 지붕재 적합성 데이터
    */
   const getSelectedSuitables = async (): Promise<Suitable[]> => {
-    try {
+    const { ids, detailIds } = serializeSelectedItems()
-      const { ids, detailIds } = serializeSelectedItems()
+    return await getSuitableDetails(ids, detailIds)
-      return await getSuitableDetails(ids, detailIds)
-    } catch (error) {
-      throw error
-    }
   }
 
   /**
@@ -318,20 +308,11 @@ export function useSuitable() {
       document.body.removeChild(form)
     } catch (error) {
       console.error(`지붕재 적합성 상세 데이터 pdf 다운로드 실패: ${error}`)
-      suitableErrorAlert()
     }
   }
 
-  /**
-   * @description 지붕재 적합성 오류 알림 표시
-   *
-   * @returns {void}
-   */
-  const suitableErrorAlert = (): void => {
-    alert('一時的なエラーが発生しました。 継続的な場合は、管理者に連絡してください。')
-  }
-
   return {
+    getSuitables,
     getSuitableIds,
     getSuitableCommCode,
     toCodeName,
@@ -342,13 +323,10 @@ export function useSuitable() {
     hasNextPage,
     isFetchingNextPage,
     isLoading,
-    isError,
-    error,
     getSelectedSuitables,
     clearSuitableStore,
     suitableCheckIcon,
     suitableCheckMemo,
     downloadSuitablePdf,
-    suitableErrorAlert,
   }
 }