Fix/user application

src/lib/services/servicesClient.ts

@@ -6,7 +6,7 @@ import { ErrorResponse } from '@/types/api/apiError';
 
 export const services = axios.create({
   timeout: 5000,
-  baseURL: 'https://bootcamp-api.codeit.kr/api/0-1/the-julge',
+  baseURL: 'https://bootcamp-api.codeit.kr/api/20-3/the-julge',
   headers: {
     'Content-Type': 'application/json',
   },

src/pages/store/[shopId]/[noticeId]/index.page.tsx

@@ -1,9 +1,10 @@
-import Image from 'next/image';
+import Image, { StaticImageData } from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 
 import { useCallback, useEffect, useState } from 'react';
 
+import DefaultImage from '@/assets/png/DefaultImageSrc.png';
 import { RECENT_NOTICE_KEY } from '@/constants/recentNotice';
 import {
   applyNotice,
@@ -52,6 +53,7 @@
       if (typeof shopId === 'string' && typeof noticeId === 'string') {
         const data = await getNoticeDetail(shopId, noticeId);
         setNotice(data);
+        setImage(data.shop.item.imageUrl);
 
         if (user?.id) {
           const userApplications = await GetUserApplications(
@@ -88,6 +90,10 @@
     setCancelModalOpen(true);
   };
 
+  const [image, setImage] = useState<string | StaticImageData | undefined>(
+    notice?.shop.item.imageUrl
+  );
+
   useEffect(() => {
     if (!notice) return;
 
@@ -171,10 +177,13 @@
           <S.SummaryCardImage>
             {closed && <S.ExpiredOverlay>마감 완료</S.ExpiredOverlay>}
             <Image
-              src={notice.shop.item.imageUrl}
+              src={image || DefaultImage}
               alt="식당 이미지"
               fill
               style={{ objectFit: 'cover' }}
+              onError={e => {
+                setImage(DefaultImage);
+              }}
             />
           </S.SummaryCardImage>
           <S.SummaryCardInfo>

src/pages/store/_components/ListCard/ListCard.tsx

@@ -1,5 +1,8 @@
-import Image from 'next/image';
+import Image, { StaticImageData } from 'next/image';
 
+import { useState } from 'react';
+
+import DefaultImage from '@/assets/png/DefaultImageSrc.png';
 import * as S from '@/pages/store/_components/ListCard/ListCard.styles';
 import { NoticeItem } from '@/types/user/notice';
 import { formatDateTimeRange } from '@/utils/date';
@@ -19,6 +22,8 @@
     },
   } = notice;
 
+  const [image, setImage] = useState<string | StaticImageData>(imageUrl);
+
   const increaseRatePercent =
     Math.floor((hourlyPay - originalHourlyPay) / originalHourlyPay) * 100;
 
@@ -30,7 +35,14 @@
         <S.CardContent>
           <S.JobImage>
             <S.JobImageMedia>
-              <Image src={imageUrl} alt="가게 이미지" fill />
+              <Image
+                src={image || DefaultImage}
+                alt="가게 이미지"
+                fill
+                onError={e => {
+                  setImage(DefaultImage);
+                }}
+              />
             </S.JobImageMedia>
             {closed && <S.ExpiredOverlay>마감 완료</S.ExpiredOverlay>}
           </S.JobImage>