fix: 기능/CSS 에러 수정 및 개선

src/features/event/ui/FileUpload.tsx

@@ -6,15 +6,17 @@ interface FileUploadProps {
   value?: string;
   onChange?: (url: string) => void;
   setEventState?: React.Dispatch<React.SetStateAction<FunnelState['eventState']>>;
+  useDefaultImage?: boolean;
 }
 
-const FileUpload = ({ value, onChange, setEventState }: FileUploadProps) => {
+const FileUpload = ({ value, onChange, setEventState, useDefaultImage }: FileUploadProps) => {
   const { previewUrl, fileInputRef, handleFileChange, handleDrop, setIsDragging, isDragging } = useImageUpload({
     value, // 서버에서 받아온 기본 이미지
     onSuccess: url => {
       onChange?.(url);
       setEventState?.(prev => ({ ...prev, bannerImageUrl: url }));
     },
+    useDefaultImage,
   });
 
   return (

src/pages/bookmark/ui/BookmarkPage.tsx

@@ -15,7 +15,7 @@ const BookmarkPage = () => {
         centerContent="관심 있는 이벤트"
         rightContent={
           <button type="button" className="w-5 z-10" onClick={() => navigate('/search')}>
-            <img src={searchIcon} alt="Search Icon" />
+            <img src={searchIcon} alt="Search Icon" className="w-5" />
           </button>
         }
       />

src/pages/dashboard/ui/DashbaordPage.tsx

@@ -8,6 +8,7 @@ import EventOverview from '../../../widgets/dashboard/ui/main/EventOverview';
 
 const DashboardPage = () => {
   const { data } = useHostDashboard();
+  const formattedPrice = data?.totalPrice.toLocaleString();
 
   return (
     <DashboardLayout centerContent="대시보드" pinkBg={true}>
@@ -24,7 +25,7 @@ const DashboardPage = () => {
           <TicketRevenue
             icon={<img src={cash} alt="돈" className="w-8 md:w-9" />}
             title="판매 금액"
-            value={`${data?.totalPrice || '-'}원`}
+            value={`${formattedPrice || '-'}원`}
           />
         </div>
       </div>

src/pages/dashboard/ui/EventDetailPage.tsx

@@ -66,7 +66,7 @@ const EventDetailPage = () => {
     <DashboardLayout centerContent="WOOACON 2024">
       <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} />
+        <FileUpload value={bannerImageUrl} onChange={setBannerImageUrl} useDefaultImage={false} />
         <TextEditor value={description} onChange={setDescription} />
         <LinkInput value={referenceLinks} onChange={setReferenceLinks} />
       </div>

src/pages/event/ui/create-event/EventInfoPage.tsx

@@ -7,7 +7,7 @@ const EventInfoPage = () => {
   const { setEventState } = useFunnelState();
   return (
     <div className="w-full px-5 space-y-8">
-      <FileUpload setEventState={setEventState} />
+      <FileUpload setEventState={setEventState} useDefaultImage={false} />
       <TextEditor setEventState={setEventState} />
       <LinkInput setEventState={setEventState} />
     </div>

src/pages/menu/ui/MyPage.tsx

@@ -4,13 +4,12 @@ import DefaultTextField from '../../../../design-system/ui/textFields/DefaultTex
 import TertiaryButton from '../../../../design-system/ui/buttons/TertiaryButton';
 import { SubmitHandler, useForm } from 'react-hook-form';
 import BottomBar from '../../../widgets/main/ui/BottomBar';
-import PaymentCard from '../../../widgets/payment/ui/PaymentCard';
 import { myPageSchema } from '../../../shared/lib/formValidation';
-import { useUserInfo,useUserUpdate } from '../../../features/join/hooks/useUserHook';
+import { useUserInfo, useUserUpdate } from '../../../features/join/hooks/useUserHook';
 import useAuthStore from '../../../app/provider/authStore';
 
 const MyPage = () => {
-  const {data, isLoading, error} = useUserInfo();
+  const { data, isLoading, error } = useUserInfo();
   const { mutate: updateUser } = useUserUpdate();
   const { setName } = useAuthStore();
 
@@ -21,7 +20,7 @@ const MyPage = () => {
     formState: { errors },
     setValue,
   } = useForm({
-    defaultValues: { name: data?.name || '', phone: data?.phoneNumber || ''},
+    defaultValues: { name: data?.name || '', phone: data?.phoneNumber || '' },
     ...myPageSchema,
   });
   useEffect(() => {
@@ -31,7 +30,7 @@ const MyPage = () => {
     }
   }, [data, setValue]);
 
-  const onSubmit:  SubmitHandler<{ name: string; phone: string }> = (formData) => {
+  const onSubmit: SubmitHandler<{ name: string; phone: string }> = formData => {
     const { name, phone } = formData;
     const updatedData = {
       id: data?.id || 0,
@@ -44,7 +43,7 @@ const MyPage = () => {
         setName(name);
         alert('정보가 성공적으로 업데이트되었습니다.');
       },
-      onError: (err) => {
+      onError: err => {
         alert('정보 업데이트에 실패했습니다. 다시 시도해주세요.');
         console.error(err);
       },
@@ -60,10 +59,9 @@ const MyPage = () => {
     }
 
     setIsChanged(changeMessage); // 변경 상태 업데이트
-
   };
   if (isLoading) {
-    return <div>로딩 중...</div>; 
+    return <div>로딩 중...</div>;
   }
   if (error) {
     return <div>정보를 불러오는데 실패했습니다. 다시 시도해주세요.</div>;
@@ -106,7 +104,7 @@ const MyPage = () => {
           <TertiaryButton label="저장하기" color="black" size="large" type="submit" className="w-24 h-8" />
         </form>
       </div>
-      <PaymentCard title={'등록된 카드'} />
+      {/* <PaymentCard title={'등록된 카드'} /> */}
       <BottomBar />
     </div>
   );

src/pages/menu/ui/MyTicketPage.tsx

@@ -46,7 +46,7 @@ const MyTicketPage = () => {
   }, []);
 
   return (
-    <TicketHostLayout image={TicketLogo} centerContent="내 티켓" showText={true}>
+    <TicketHostLayout image={TicketLogo} centerContent="내 티켓" ticketPage={true}>
       {/* 이벤트 카드 목록 */}
       <div className="grid grid-cols-2 gap-4 mx-6 mt-28 md:grid-cols-2 lg:grid-cols-2 pb-4">
         {myTickets.length > 0 ? (

src/pages/menu/ui/myHost/MyHostPage.tsx

@@ -16,8 +16,8 @@ const MyHostPage = () => {
   };
 
   return (
-    <TicketHostLayout image={HostLogo} centerContent="내 호스트">
-      <div className="flex space-x-5 mt-24 mx-5 overflow-x-auto scrollbar-hide">
+    <TicketHostLayout image={HostLogo} centerContent="내 호스트" ticketPage={false}>
+      <div className="flex space-x-5 mt-28 mx-5 overflow-x-auto scrollbar-hide">
         {data?.result.length ? (
           data.result.map(profile => (
             <ProfileCircle

src/shared/hooks/useImageUpload.ts

@@ -1,7 +1,15 @@
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { uploadFile } from '../../features/event/hooks/usePresignedUrlHook';
 
-const useImageUpload = ({ value, onSuccess }: { value?: string; onSuccess?: (url: string) => void }) => {
+const useImageUpload = ({
+  value,
+  onSuccess,
+  useDefaultImage = true,
+}: {
+  value?: string;
+  onSuccess?: (url: string) => void;
+  useDefaultImage?: boolean;
+}) => {
   const DEFAULT_BASIC_PROFILE = 'https://gotogetherbucket.s3.ap-northeast-2.amazonaws.com/default.png';
   const [previewUrl, setPreviewUrl] = useState<string | null>(null);
   const [isDragging, setIsDragging] = useState(false);
@@ -10,11 +18,11 @@ const useImageUpload = ({ value, onSuccess }: { value?: string; onSuccess?: (url
   useEffect(() => {
     if (value) {
       setPreviewUrl(value);
-    } else {
+    } else if (useDefaultImage && previewUrl !== DEFAULT_BASIC_PROFILE) {
       setPreviewUrl(DEFAULT_BASIC_PROFILE);
       onSuccess?.(DEFAULT_BASIC_PROFILE);
     }
-  }, [value, onSuccess]);
+  }, [value, onSuccess, useDefaultImage, previewUrl]);
 
   const validateFile = (file: File) => {
     if (file.size > 500 * 1024) {

src/shared/ui/EventCard.tsx

@@ -38,7 +38,7 @@ const EventCard = ({
   return (
     <div
       onClick={onClick}
-      className="w-full h-full md:h-[300px] sm:h-[280px] max-w-full p-4 bg-white rounded-lg shadow-md cursor-pointer flex flex-col justify-between"
+      className="w-full max-w-full h-full min-h-[240px] md:min-h-[300px] max-h-full p-4 bg-white rounded-lg shadow-md cursor-pointer flex flex-col justify-between"
     >
       {/* 이미지 */}
       <img src={img} alt={eventTitle} className="object-cover w-full rounded-md sm:h-20 md:h-24 lg:h-28" />
@@ -47,9 +47,11 @@ const EventCard = ({
       <div className="flex flex-col gap-1 mt-4">
         <div className="flex justify-between">
           <h2 className="text-sm font-semibold line-clamp-2 overflow-hidden">{eventTitle}</h2>
-          <div className="sm:max-w-10 md:max-w-15">
-            <Countdown isChecked>{dDay}</Countdown>
-          </div>
+          {dDay !== 'false' && (
+            <div className="sm:max-w-10 md:max-w-15">
+              <Countdown isChecked>{dDay}</Countdown>
+            </div>
+          )}
         </div>
 
         <p className="text-xs text-gray-500">{host}</p>
@@ -67,13 +69,18 @@ const EventCard = ({
         {/* 승인 여부 표시 */}
         {children}
         {/* 해시태그 */}
-        <div className="flex flex-wrap w-full h-6 mt-2 overflow-hidden text-xs font-semibold text-gray-700 whitespace-nowrap">
-          {(hashtags ?? []).map((tag, index) => (
-            <span key={index} className="flex items-center justify-center h-6 px-2 mr-2 bg-gray-200 rounded last:mr-0">
-              {tag}
-            </span>
-          ))}
-        </div>
+        {hashtags && (
+          <div className="flex flex-wrap w-full h-6 mt-2 overflow-hidden text-xs font-semibold text-gray-700 whitespace-nowrap">
+            {(hashtags ?? []).map((tag, index) => (
+              <span
+                key={index}
+                className="flex items-center justify-center h-6 px-2 mr-2 bg-gray-200 rounded last:mr-0"
+              >
+                {tag}
+              </span>
+            ))}
+          </div>
+        )}
 
         {/* 대시보드 버튼 */}
         {isHostPage && (

src/shared/ui/backgrounds/TicketHostLayout.tsx

@@ -5,10 +5,10 @@ interface TicketHostLayoutProps {
   image: string;
   children: React.ReactNode;
   centerContent: string;
-  showText?: boolean;
+  ticketPage?: boolean;
 }
 
-const TicketHostLayout = ({ image, children, centerContent, showText = false }: TicketHostLayoutProps) => {
+const TicketHostLayout = ({ image, children, centerContent, ticketPage = true }: TicketHostLayoutProps) => {
   const navigate = useNavigate();
   const handleBackClick = () => {
     navigate(-1);
@@ -35,11 +35,17 @@ const TicketHostLayout = ({ image, children, centerContent, showText = false }:
             />
           </div>
 
-          {showText && (
+          {ticketPage && (
             <div className="absolute left-1/2 transform -translate-x-1/2 top-[calc(150%)] text-placeholderText text-center text-sm whitespace-nowrap">
               티켓을 누르면 입장을 위한 QR코드를 확인할 수 있습니다.
             </div>
           )}
+
+          {!ticketPage && (
+            <p className="absolute left-1/2 transform -translate-x-1/2 top-[calc(150%)] text-placeholderText text-center text-sm whitespace-nowrap">
+              원을 누르면 주최한 이벤트, 이름을 누르면 호스트 상세 정보 확인이 가능합니다.
+            </p>
+          )}
         </>
       </div>
       {children}

src/widgets/dashboard/ui/main/TicketRevenue.tsx

@@ -10,7 +10,7 @@ const TicketRevenue = ({ icon, title, value }: TicketRevenueProps) => {
       <div className="flex justify-center items-center w-12 h-12 md:w-14 md:h-14 bg-main rounded-[5px]">{icon}</div>
       <div className="flex flex-col">
         <span className="text-xs md:text-base text-main font-semibold">{title}</span>
-        <h2 className="text-2xl font-bold">{value}</h2>
+        <h2 className="text-16 md:text-xl font-bold">{value}</h2>
       </div>
     </div>
   );

src/widgets/main/ui/BottomBar.tsx

@@ -9,7 +9,13 @@ const BottomBar = () => {
         <div
           key={index}
           className="flex flex-col justify-center items-center w-24 h-20 cursor-pointer"
-          onClick={() => navigate(item.path)}
+          onClick={() => {
+            if (location.pathname === item.path) {
+              navigate(-1);
+            } else {
+              navigate(item.path);
+            }
+          }}
         >
           <img src={item.icon} alt={`${item.label}Icon`} className={`${item.iconClassName} object-contain`} />
           <span className={`text-sm ${item.label === '관심' ? 'mb-1' : 'mt-2'}`}>{item.label}</span>