feat: 에러처리 수정

Author: jihun3666

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

@@ -45,7 +45,7 @@ const DepositSearchPage = () => {
     const [loading, setIsLoading] = useState(true);
     const [selectedBanks, setSelectedBanks] = useState<string[]>([]);
     const [saveTerm, setSaveTerm] = useState<number>(DEFAULT_TERM); 
-    const [IsError, setIsError] = useState(false);
+    const [isError, setIsError] = useState(false);
 
     const fetchDepositList = async (banks: string[] | null, term: number) => {
         setIsLoading(true);
@@ -146,7 +146,7 @@ const DepositSearchPage = () => {
                 >검색</button>
             </div>
             {/*상품 리스트*/}
-            {!loading && !IsError && (
+            {!loading && !isError && (
                 <div className={styles.depositListContainer}>
                     {depositList.length > 0 ? (
                         depositList.map(item => (
@@ -166,6 +166,11 @@ const DepositSearchPage = () => {
                     )}
                 </div>
             )}
+            {!loading && isError && (
+                <p>
+                    예금 상품을 불러오는 중 오류가 발생했습니다. 다시 시도해주세요.
+                </p>
+            )}
         </main>
         </>
     );

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

@@ -46,7 +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 [isError, setIsError] = useState(false);
 
     const fetchSavingList = async (banks: string[] | null, term: number) => {
         setIsLoading(true);
@@ -145,7 +145,7 @@ const SavingSearchPage = () => {
                 >검색</button>
             </div>
             {/*상품 리스트*/}
-            {!loading && !IsError && (
+            {!loading && !isError && (
                 <div className={styles.savingListContainer}>
                     {savingList.length > 0 ? (
                         savingList.map(item => (
@@ -166,6 +166,11 @@ const SavingSearchPage = () => {
                     )}
                 </div>
             )}
+            {!loading && isError && (
+                <p>
+                    적금 상품을 불러오는 중 오류가 발생했습니다. 다시 시도해주세요.
+                </p>
+            )}
         </main>
         </>
     );