fix: 공유하기 수정

src/components/ContentCardSocialActions.tsx

@@ -7,6 +7,7 @@ interface ContentCardSocialActionsProps {
   videoId: number;
   storeName: string;
   region?: string;
+  title?: string | null;
   commentCount: number;
   initialLikeCount: number;
   initialIsLiked?: boolean;
@@ -15,7 +16,7 @@ interface ContentCardSocialActionsProps {
 const ContentCardSocialActions: React.FC<ContentCardSocialActionsProps> = ({
   videoId,
   storeName,
-  region,
+  title,
   commentCount,
   initialLikeCount,
   initialIsLiked = false,
@@ -27,15 +28,13 @@ const ContentCardSocialActions: React.FC<ContentCardSocialActionsProps> = ({
   const likeDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const shareUrl = buildVideoShareUrl(API_URL, videoId);
-  const shareTitle = storeName || t('videoDetail.kakaoDefaultTitle');
+  const shareTitle = title || storeName || t('videoDetail.kakaoDefaultTitle');
-  const shareDescription = t('videoDetail.kakaoDescription', { region: region ?? '' });
 
   const handleShareBtnClick = async (e: React.MouseEvent) => {
     e.stopPropagation();
 
     const handled = await tryNativeShare({
       title: shareTitle,
-      text: shareDescription,
       url: shareUrl,
     });
     if (handled) {

src/components/VideoDetailContent.tsx

@@ -103,26 +103,27 @@ const VideoDetailContent: React.FC<VideoDetailContentProps> = ({ videoId, isModa
   };
 
   const shareUrl = buildVideoShareUrl(API_URL, videoId);
-  const shareTitle = video?.store_name ?? t('videoDetail.kakaoDefaultTitle');
+  const shareTitle = video?.title || video?.store_name || t('videoDetail.kakaoDefaultTitle');
-  const shareDescription = t('videoDetail.kakaoDescription', { region: video?.region ?? '' });
+
+  const handleCopyLink = async () => {
+    try {
+      await navigator.clipboard.writeText(shareUrl);
+    } catch {
+      // clipboard API 미지원 환경에서는 무시
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  };
 
   const handleShareButtonClick = async () => {
     const handled = await tryNativeShare({
       title: shareTitle,
-      text: shareDescription,
       url: shareUrl,
     });
     if (handled) {
       return;
     }
-
+    await handleCopyLink();
-    try {
-      await navigator.clipboard.writeText(shareUrl);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-    } catch {
-      // clipboard API 미지원 환경에서는 무시
-    }
   };
 
   const likeDebounceRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);
@@ -252,6 +253,7 @@ const VideoDetailContent: React.FC<VideoDetailContentProps> = ({ videoId, isModa
               <button
                 className="video-detail-copy-btn"
                 onClick={handleShareButtonClick}
+                title={t('videoDetail.share')}
               >
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
                   <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/>

src/pages/Dashboard/ADO2ContentsPage.tsx

@@ -194,6 +194,7 @@ const ADO2ContentsPage: React.FC<ADO2ContentsPageProps> = () => {
                         videoId={video.video_id}
                         storeName={video.store_name}
                         region={video.region}
+                        title={video.title}
                         commentCount={video.comment_count ?? 0}
                         initialLikeCount={video.like_count ?? 0}
                         initialIsLiked={video.is_liked_by_me}

src/pages/Dashboard/MyContentsPage.tsx

@@ -291,6 +291,7 @@ const MyContentsPage: React.FC<MyContentsPageProps> = ({ onNavigate }) => {
                         videoId={video.video_id}
                         storeName={video.store_name}
                         region={video.region}
+                        title={video.title}
                         commentCount={video.comment_count ?? 0}
                         initialLikeCount={video.like_count ?? 0}
                         initialIsLiked={video.is_liked_by_me}

src/types/api.ts

@@ -294,6 +294,8 @@ export interface VideoDetailItem {
   poster_url?: string | null;
   store_name: string;
   region: string;
+  title?: string | null;
+  description?: string | null;
   created_at: string;
   like_count: number;
   is_liked_by_me: boolean;

src/utils/nativeShare.ts

@@ -1,6 +1,9 @@
 /**
  * 기기의 네이티브 공유 시트를 열고 요청을 처리했는지 반환합니다.
  *
+ * 긴 `text`를 넣으면 카카오 등이 URL을 미리보기가 아니라 본문 텍스트로만 보냅니다.
+ * 제목·설명은 OG 페이지(`og:title`, `og:description`)에 두고, 여기에는 url(과 짧은 title)만 넘깁니다.
+ *
  * 사용자가 공유 시트를 닫은 경우도 정상적으로 처리된 것으로 간주합니다.
  */
 export async function tryNativeShare(data: ShareData): Promise<boolean> {