fix: 세부 페이지 오류 수정

src/pages/BoothDetailPage.tsx

@@ -42,9 +42,9 @@ export default function BoothDetailPage() {
 
     return (
         <DetailPageWrapper>
-            {isPending ? <Loader /> : boothDetail && <BoothInfo boothDetail={boothDetail} />}
-
-            {boothDetail?.boothDescription.split("<br/>").map((detail) => {
+            {isPending ? <Loader /> : boothDetail && <BoothInfo boothDetail={boothDetail} /> }
+            
+            {(boothDetail?.boothDescription!=null?boothDetail.boothDescription:'').split("<br/>").map((detail) => {
                 return (
                     <Paragraph size="m" weight="normal">
                         {detail}

src/services/booth/booth.hooks.ts

@@ -53,6 +53,8 @@ export const useBoothDetail = () => {
     const [boothDetail, setBoothDetail] = useState<IReadBoothByIdResponse | null>(null);
 
     useEffect(() => {
+        if (!visitorId) return;
+
         setIsPending(true);
         boothService
             .readBoothById(category as string, parseInt(boothId as string), visitorId as string)

src/services/booth/booth.types.ts

@@ -20,5 +20,5 @@ export interface IReadBoothByIdResponse {
     boothnum: number;
     urls: string[];
     likable: boolean;
-    boothDescription: string;
+    boothDescription?: string;
 }

src/utils/parseCreatedDate.ts

@@ -1,9 +1,11 @@
 export const parseCreatedDate = (str: string) => {
     // 2024-05-19T03:18:40.33581
-
-    const [date, time] = str.split("T");
+    console.log(str);
+    if(!str) return '';
+
+    const [date, time] = (str||'').split("T");
     const [y, m, d] = date.split("-");
     const t = time.split(".")[0];
 
-    return `${y}년 ${m}월 ${d}일 ${t}`;
+    return `${y}년 ${m}월 ${d}일 ${t}`
 };