feat: 에러처리 추가

Author: jihun3666

src/pages/deposit-search/deposit-search-page.tsx

@@ -44,7 +44,8 @@ const DepositSearchPage = () => {
     const [depositList, setDepositList] = useState<ProductList[]>([]);
     const [loading, setIsLoading] = useState(true);
     const [selectedBanks, setSelectedBanks] = useState<string[]>([]);
-    const [saveTerm, setSaveTerm] = useState<number>(DEFAULT_TERM);  
+    const [saveTerm, setSaveTerm] = useState<number>(DEFAULT_TERM); 
+    const [IsError, setIsError] = useState(false);
 
     const fetchDepositList = async (banks: string[] | null, term: number) => {
         setIsLoading(true);
@@ -54,6 +55,10 @@ const DepositSearchPage = () => {
                 (a, b) => b.maxRate - a.maxRate,
             );
             setDepositList(data);
+            setIsError(false);
+        } catch (error) {
+            setDepositList([]);
+            setIsError(true);
         } finally {
             setIsLoading(false);
         }
@@ -141,7 +146,7 @@ const DepositSearchPage = () => {
                 >검색</button>
             </div>
             {/*상품 리스트*/}
-            {!loading && (
+            {!loading && !IsError && (
                 <div className={styles.depositListContainer}>
                     {depositList.length > 0 ? (
                         depositList.map(item => (

src/pages/savings-search/savings-search-page.tsx

@@ -46,6 +46,7 @@ const SavingSearchPage = () => {
     const [loading, setIsLoading] = useState(true);
     const [selectedBanks, setSelectedBanks] = useState<string[]>([]);
     const [saveTerm, setSaveTerm] = useState<number>(DEFAULT_TERM);  
+    const [IsError, setIsError] = useState(false);
 
     const fetchSavingList = async (banks: string[] | null, term: number) => {
         setIsLoading(true);
@@ -55,8 +56,10 @@ const SavingSearchPage = () => {
                 (a, b) => b.maxRate - a.maxRate,
             );
             setSavingList(data);
+            setIsError(false);
         } finally {
             setIsLoading(false);
+            setIsError(true);
         }
     };
 
@@ -142,7 +145,7 @@ const SavingSearchPage = () => {
                 >검색</button>
             </div>
             {/*상품 리스트*/}
-            {!loading && (
+            {!loading && !IsError && (
                 <div className={styles.savingListContainer}>
                     {savingList.length > 0 ? (
                         savingList.map(item => (