From 0d3167c1a2dbef22372acf0b0e957c9ce9a08a0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=B1=EA=B2=BD?= <skkim@o2o.kr>
Date: Thu, 20 Aug 2026 16:35:17 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B3=B5=EC=9C=A0=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContentCardSocialActions.tsx |  7 +++---
 src/components/VideoDetailContent.tsx       | 24 +++++++++++----------
 src/pages/Dashboard/ADO2ContentsPage.tsx    |  1 +
 src/pages/Dashboard/MyContentsPage.tsx      |  1 +
 src/types/api.ts                            |  2 ++
 src/utils/nativeShare.ts                    |  3 +++
 6 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/components/ContentCardSocialActions.tsx b/src/components/ContentCardSocialActions.tsx
index 52d16bb..897c2e5 100644
--- a/src/components/ContentCardSocialActions.tsx
+++ b/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 shareDescription = t('videoDetail.kakaoDescription', { region: region ?? '' });
+  const shareTitle = title || storeName || t('videoDetail.kakaoDefaultTitle');
 
   const handleShareBtnClick = async (e: React.MouseEvent) => {
     e.stopPropagation();
 
     const handled = await tryNativeShare({
       title: shareTitle,
-      text: shareDescription,
       url: shareUrl,
     });
     if (handled) {
diff --git a/src/components/VideoDetailContent.tsx b/src/components/VideoDetailContent.tsx
index f7c27f2..5085b2e 100644
--- a/src/components/VideoDetailContent.tsx
+++ b/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 shareDescription = t('videoDetail.kakaoDescription', { region: video?.region ?? '' });
+  const shareTitle = video?.title || video?.store_name || t('videoDetail.kakaoDefaultTitle');
+
+  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;
     }
-
-    try {
-      await navigator.clipboard.writeText(shareUrl);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-    } catch {
-      // clipboard API 미지원 환경에서는 무시
-    }
+    await handleCopyLink();
   };
 
   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"/>
diff --git a/src/pages/Dashboard/ADO2ContentsPage.tsx b/src/pages/Dashboard/ADO2ContentsPage.tsx
index 3eb26c4..ae3290e 100644
--- a/src/pages/Dashboard/ADO2ContentsPage.tsx
+++ b/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}
diff --git a/src/pages/Dashboard/MyContentsPage.tsx b/src/pages/Dashboard/MyContentsPage.tsx
index c78413f..65e7251 100644
--- a/src/pages/Dashboard/MyContentsPage.tsx
+++ b/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}
diff --git a/src/types/api.ts b/src/types/api.ts
index 854442e..b511e68 100644
--- a/src/types/api.ts
+++ b/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;
diff --git a/src/utils/nativeShare.ts b/src/utils/nativeShare.ts
index 4278804..185d334 100644
--- a/src/utils/nativeShare.ts
+++ b/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> {