fix: defaultImage 설정

Author: spearStr

frontend/src/components/main/LiveVideoCard.tsx

@@ -26,12 +26,18 @@ const LiveVideoCard = ({ videoData }: LiveVideoCardProps) => {
     liveTitle,
     streamUrl
   } = videoData;
-
+  console.log("videoData", videoData);
   const { isHovered, isVideoLoaded, videoRef, handleMouseEnter, handleMouseLeave } = useVideoPreview(streamUrl);
 
   const handleLiveClick = () => {
     navigate(`/live/${liveId}`);
   };
+  console.log("liveImageUrl", liveImageUrl);
+  console.log("defaultThumbnailImageUrl", defaultThumbnailImageUrl);
+
+  const handleError = (event: React.SyntheticEvent<HTMLImageElement>) => {
+    event.currentTarget.src = defaultThumbnailImageUrl
+  };
 
   return (
     <VideoCardContainer>
@@ -40,7 +46,7 @@ const LiveVideoCard = ({ videoData }: LiveVideoCardProps) => {
           <video ref={videoRef} muted playsInline preload="none" />
         </VideoBox>
         <VideoCardThumbnail $isVideoVisible={isHovered && isVideoLoaded}>
-          <VideoCardImage src={liveImageUrl ?? defaultThumbnailImageUrl} />
+          <VideoCardImage src={liveImageUrl ?? defaultThumbnailImageUrl} onError={handleError}/>
         </VideoCardThumbnail>
         <VideoCardDescription>
           <LiveBadge />