fix: 온라인 이벤트 티켓 구입시 QR코드 안내 처리

design-system/ui/modals/QrModal.tsx

@@ -20,6 +20,7 @@ interface QrModalProps {
   ticketName: string; // 티켓 이름
   price: number; // 티켓 가격
   orderStatus: string; // 티켓 승인 여부
+  eventType: 'ONLINE' | 'OFFLINE'; // 이벤트 타입
   isCheckIn: boolean; // 참가자 체크인 여부
   isCountdownChecked: boolean;
   remainDays: string; //d-day
@@ -37,10 +38,10 @@ const QrModal = ({
   ticketName,
   price,
   orderStatus,
+  eventType,
   isCheckIn,
   isCountdownChecked,
   remainDays,
-
   onClick,
 }: QrModalProps) => {
   const formattedPrice = price.toLocaleString();
@@ -59,16 +60,19 @@ const QrModal = ({
 
         <div className="absolute top-0 left-0 w-full h-full flex flex-col justify-between items-center px-4 py-4">
           <div className="flex items-center justify-center h-1/2 w-full">
-            {ticketQrCode ? (
-              <img
-                src={`data:image/png;base64,${ticketQrCode}`}
-                alt="QR Code"
-                className="w-60 h-60 " 
-                // breakpoint 추가 필요
-              />
+            {eventType === 'ONLINE' ? (
+              <div className="w-40 h-40 flex items-center justify-center bg-deDayBgLight rounded-md border border-deDayTextDark text-deDayTextDark text-sm text-center px-4">
+                온라인 이벤트는
+                <br /> QR코드가 발급되지
+                <br /> 않습니다.
+              </div>
+            ) : ticketQrCode ? (
+              <img src={`data:image/png;base64,${ticketQrCode}`} alt="QR Code" className="w-60 h-60" />
             ) : (
               <div className="w-40 h-40 flex items-center justify-center bg-deDayBgLight rounded-md border border-deDayTextDark text-deDayTextDark text-sm text-center px-4">
-                주최자의 승인이 완료되면 QR이 발급됩니다.
+                주최자의 승인이
+                <br /> 완료되면 QR이
+                <br /> 발급됩니다.
               </div>
             )}
           </div>
@@ -81,33 +85,35 @@ const QrModal = ({
             <div className="space-y-1 text-deDayTextDark">
               <IconText
                 size="xSmall"
-                iconPath={<img src={qr_calendar} alt="qr_calendar" className='mr-1' />}
+                iconPath={<img src={qr_calendar} alt="qr_calendar" className="mr-1" />}
                 children={formattedDate}
                 className="text-11"
               ></IconText>
               <IconText
                 size="xSmall"
-                iconPath={<img src={qr_location} alt="qr_location" className='mr-1' />}
+                iconPath={<img src={qr_location} alt="qr_location" className="mr-1" />}
                 children={location}
                 className="text-11"
               ></IconText>
               <IconText
                 size="xSmall"
-                iconPath={<img src={qr_ticket} alt="qr_ticket" className='mr-1' />}
+                iconPath={<img src={qr_ticket} alt="qr_ticket" className="mr-1" />}
                 children={ticketName}
                 className="text-11"
               ></IconText>
               <span className="text-sm font-bold">{formattedPrice}원</span>
               <hr />
               <IconText
                 size="xSmall"
-                iconPath={<img src={orderStatus === 'COMPLETED' ? qr_check : qr_pending} alt="qr_check" className='mr-1' />}
+                iconPath={
+                  <img src={orderStatus === 'COMPLETED' ? qr_check : qr_pending} alt="qr_check" className="mr-1" />
+                }
                 children={orderStatus === 'COMPLETED' ? '승인됨' : '대기 중'}
                 className="text-11"
               ></IconText>
               <IconText
                 size="xSmall"
-                iconPath={<img src={isCheckIn ? qr_check : qr_pending} alt="qr_check" className='mr-1' />}
+                iconPath={<img src={isCheckIn ? qr_check : qr_pending} alt="qr_check" className="mr-1" />}
                 children={isCheckIn ? '체크인 완료' : '체크인 미완료'}
                 className="text-11"
               ></IconText>
@@ -121,6 +127,5 @@ const QrModal = ({
       </div>
     </div>
   );
-
 };
 export default QrModal;

src/features/event/hooks/usePresignedUrlHook.ts

@@ -9,7 +9,6 @@ const getPresignedUrl = async (dto: PresignedUrlRequest) => {
     const response = await axiosClient.get<ApiResponse<PresignedUrlResponse>>('/generate-presigned-url', {
       params: dto,
     });
-    console.log('Presigned URL 응답:', response.data.result?.preSignedUrl);
 
     return response.data.result?.preSignedUrl;
   } catch (error) {
@@ -21,14 +20,12 @@ const getPresignedUrl = async (dto: PresignedUrlRequest) => {
 export const putS3Image = async ({ url, file }: { url: string; file: File }) => {
   try {
     delete axiosClient.defaults.headers.common.Authorization;
-    console.log('업로드할 URL:', url);
     await axios.put(url, file, {
       headers: {
         'Content-Type': 'image/webp',
       },
     });
-  } catch (error) {
-    console.error('S3 업로드 실패:', error);
+  } catch {
     alert('이미지 업로드에 실패했습니다.');
     throw new Error('Failed to upload image');
   }
@@ -45,7 +42,6 @@ export const uploadFile = async (file: File) => {
   }
 
   const url = presignedUrlResponse;
-  console.log('Presigned URL:', url);
 
   await putS3Image({ url, file: webFile });
 

src/features/event/ui/DatePicker.tsx

@@ -27,24 +27,13 @@ const EventDatePicker = ({
   isLabel = false,
 }: DatePickerProps) => {
   const [startDate, setStartDate] = useState<Date | null>(
-    eventState?.startDate
-      ? new Date(eventState.startDate)
-      : initialStartDate
-        ? new Date(initialStartDate)
-        : new Date()
+    eventState?.startDate ? new Date(eventState.startDate) : initialStartDate ? new Date(initialStartDate) : new Date()
   );
 
   const [endDate, setEndDate] = useState<Date | null>(
-    eventState?.endDate
-      ? new Date(eventState.endDate)
-      : initialEndDate
-        ? new Date(initialEndDate)
-        : new Date()
+    eventState?.endDate ? new Date(eventState.endDate) : initialEndDate ? new Date(initialEndDate) : new Date()
   );
 
-  console.log('startDate', startDate);
-  console.log('endDate', endDate);
-
   const [startTime, setStartTime] = useState<string>(
     extractTimeFromDateString(eventState?.startDate || initialStartDate, '06:00')
   );
@@ -86,7 +75,6 @@ const EventDatePicker = ({
     }
   }, [eventState?.startDate, eventState?.endDate, initialStartDate, initialEndDate]);
 
-
   const generateTimeOptions = () => {
     const options = [];
     for (let i = 0; i < 24; i++) {

src/features/event/ui/ShareEventModal.tsx

@@ -66,8 +66,7 @@ const ShareEventModal = ({
   const handleKakaoShare = async () => {
     try {
       await shareToKakao(title, description, eventImageUrl, eventUrl);
-    } catch (error) {
-      console.error('카카오 공유 실패:', error);
+    } catch {
       alert('카카오 공유하기에 실패했습니다.');
     }
   };
@@ -89,8 +88,7 @@ const ShareEventModal = ({
       navigator.clipboard
         .writeText(eventUrl)
         .then(() => alert('링크가 복사되었습니다!'))
-        .catch(err => {
-          console.error('복사 실패:', err);
+        .catch(() => {
           alert('링크 복사에 실패했습니다.');
         });
     } else {

src/features/event/ui/TimePicker.tsx

@@ -16,12 +16,8 @@ const parseUtcToKst = (utcString: string): Date => {
 const TimePicker = ({ value, onChange }: TimePickerProps) => {
   const initialKstDate = value ? parseUtcToKst(value) : new Date();
   const [selectedDate, setSelectedDate] = useState<Date | null>(initialKstDate);
-  const [selectedHour, setSelectedHour] = useState<string>(
-    initialKstDate.getHours().toString().padStart(2, '0')
-  );
-  const [selectedMinute, setSelectedMinute] = useState<string>(
-    initialKstDate.getMinutes().toString().padStart(2, '0')
-  );
+  const [selectedHour, setSelectedHour] = useState<string>(initialKstDate.getHours().toString().padStart(2, '0'));
+  const [selectedMinute, setSelectedMinute] = useState<string>(initialKstDate.getMinutes().toString().padStart(2, '0'));
 
   useEffect(() => {
     if (value) {
@@ -47,7 +43,6 @@ const TimePicker = ({ value, onChange }: TimePickerProps) => {
       const localString = `${year}-${month}-${day}T${hour}:${minute}:00`;
 
       onChange(localString);
-      console.log(localString);
     }
   }, [selectedDate, selectedHour, selectedMinute]);
 

src/features/ticket/hooks/useTicketOptionForm.ts

@@ -139,8 +139,6 @@ export const useTicketOptionForm = () => {
   const handleSave = () => {
     let isValid = true;
 
-    console.log('Clicked!');
-
     if (state.question.title.trim() === '') {
       dispatch({
         type: 'SET_WARNING',

src/features/ticket/hooks/useTicketOptionHook.ts

@@ -38,9 +38,6 @@ export const useTicketOptions = (ticketId: number) => {
 export const useCreateTicketOptionAnswers = () => {
   return useMutation<ApiResponse<null>, Error, TicketOptionAnswerRequest>({
     mutationFn: createTicketOptionAnswers,
-    onSuccess: () => {
-      console.log('티켓 옵션 응답 전송 성공');
-    },
     onError: () => {
       alert('티켓 옵션 응답 전송 중 오류가 발생했습니다.');
     },
@@ -177,10 +174,6 @@ export const useAttachTicketOptionMutation = () => {
     onSuccess: (_data, variables) => {
       // 티켓별 옵션 목록 쿼리 리패칭
       queryClient.invalidateQueries({ queryKey: ['attachedTicketOptions', variables.ticketId] });
-      console.log('티켓 옵션이 성공적으로 부착되었습니다.');
-    },
-    onError: () => {
-      console.log('티켓 옵션 부착에 실패했습니다. 다시 시도해주세요.');
     },
   });
 };
@@ -194,10 +187,6 @@ export const useDetachTicketOptionMutation = () => {
     onSuccess: (_data, variables) => {
       // 티켓별 옵션 목록 쿼리 리패칭
       queryClient.invalidateQueries({ queryKey: ['attachedTicketOptions', variables.ticketId] });
-      console.log('티켓에 부착된 티켓 옵션이 성공적으로 부착 취소되었습니다.');
-    },
-    onError: () => {
-      console.log('티켓에 부착된 티켓 옵션 부착 취소에 실패했습니다. 다시 시도해주세요.');
     },
   });
 };

src/pages/dashboard/ui/EventDetailPage.tsx

@@ -22,9 +22,8 @@ const EventDetailPage = () => {
   const [referenceLinks, setReferenceLinks] = useState<Link[]>([]);
 
   const queryClient = useQueryClient();
-  
+
   useEffect(() => {
-    console.log(data?.result.bannerImageUrl)
     if (data?.result) {
       setHostChannelId(data.result.hostChannelId || 0);
       setBannerImageUrl(prev => prev || data.result.bannerImageUrl || '');
@@ -73,7 +72,7 @@ const EventDetailPage = () => {
       <div className="flex flex-col gap-5 mt-8 px-7">
         <h1 className="text-center text-xl font-bold mb-5">이벤트 상세 정보</h1>
         <FileUpload value={bannerImageUrl} onChange={setBannerImageUrl} useDefaultImage={false} />
-        <TextEditor value={description} onChange={setDescription}/>
+        <TextEditor value={description} onChange={setDescription} />
         <LinkInput value={referenceLinks} onChange={setReferenceLinks} />
       </div>
       <div className="w-full p-7">

src/pages/dashboard/ui/EventInfoPage.tsx

@@ -66,8 +66,7 @@ const EventInfoPage = () => {
         queryClient.invalidateQueries({ queryKey: ['eventDetail', data.result.id] });
         navigate(`/dashboard/${data?.result.id}`);
       },
-      onError: error => {
-        console.error('Error details:', error);
+      onError: () => {
         alert('저장에 실패했습니다.');
       },
     });
@@ -93,7 +92,7 @@ const EventInfoPage = () => {
 
   return (
     // <DashboardLayout centerContent={title}>
-    <DashboardLayout centerContent={"DASHBOARD"}>
+    <DashboardLayout centerContent={'DASHBOARD'}>
       <div className="flex flex-col gap-5 mt-8 px-7">
         <h1 className="text-center text-xl font-bold mb-5">이벤트 기본 정보</h1>
         <DefaultTextField

src/pages/event/ui/host/HostSelectionPage.tsx

@@ -39,7 +39,6 @@ const HostSelectionPage = ({ onNext, currentStep, onValidationChange }: HostSele
         }
       },
       onError: error => {
-        console.error('호스트 삭제 실패:', error);
         alert(`${error.message}`);
       },
     });
@@ -61,7 +60,7 @@ const HostSelectionPage = ({ onNext, currentStep, onValidationChange }: HostSele
           <button className="flex justify-center items-center w-12 h-12 md:w-14 md:h-14 bg-gray2 rounded-full">
             <IconButton
               iconPath={<img src={AddButton} alt="추가 버튼" className="w-6 h-6 md:w-7 md:h-7" />}
-              onClick={() => { }}
+              onClick={() => {}}
             />
           </button>
           <span className="font-bold text-base md:text-xl ml-4">채널 새로 만들기</span>

src/pages/join/AuthCallback.tsx

@@ -1,38 +1,35 @@
-import { useNavigate, useSearchParams } from "react-router-dom";
-import useAuthStore from "../../app/provider/authStore";
-import { useEffect } from "react";
-import { useUserInfo } from "../../features/join/hooks/useUserHook";
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import useAuthStore from '../../app/provider/authStore';
+import { useEffect } from 'react';
+import { useUserInfo } from '../../features/join/hooks/useUserHook';
 
 const AuthCallback = () => {
-    const navigate = useNavigate();
-    const [searchParams] = useSearchParams();
-    const status = searchParams.get('status'); // 'new' or 'existing'
-    const { login, setName, closeModal } = useAuthStore();
-    const { data } = useUserInfo();
+  const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
+  const status = searchParams.get('status'); // 'new' or 'existing'
+  const { login, setName, closeModal } = useAuthStore();
+  const { data } = useUserInfo();
 
-    useEffect(() => {
-        const handleAuth = async () => {
-            if (!data) return;
-            try {
-                closeModal();
-                if (status === 'new') {
-                    navigate('/join/agreement');
-                } else {
-                    login();
-                    setName(data?.name || "사용자");
-                    navigate('/');
-                }
-            } catch (error) {
-                console.error('인증 처리 실패', error);
-                navigate('/');
-            }
-        };
-        handleAuth();
-    }, [data, navigate, login, status, setName, closeModal]);
+  useEffect(() => {
+    const handleAuth = async () => {
+      if (!data) return;
+      try {
+        closeModal();
+        if (status === 'new') {
+          navigate('/join/agreement');
+        } else {
+          login();
+          setName(data?.name || '사용자');
+          navigate('/');
+        }
+      } catch {
+        navigate('/');
+      }
+    };
+    handleAuth();
+  }, [data, navigate, login, status, setName, closeModal]);
 
-    return <div className="text-center mt-32 text-lg font-bold">로그인 중입니다...</div>;
+  return <div className="text-center mt-32 text-lg font-bold">로그인 중입니다...</div>;
 };
 
 export default AuthCallback;
-
-

src/pages/join/InfoInputPage.tsx

@@ -67,9 +67,8 @@ const InfoInputPage = () => {
           }
         );
       },
-      onError: err => {
+      onError: () => {
         alert('정보 업데이트에 실패했습니다. 다시 시도해주세요.');
-        console.error(err);
       },
     });
   };