From 107f722e7ac79252a8e26c2d62865c689d54d550 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 3 Nov 2025 10:52:28 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=8B=A4=EC=A0=9C=20=ED=99=94=EB=A9=B4?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EB=93=9C=EB=9E=98=EA=B7=B8=20=EB=B9=84=ED=99=9C=EC=84=B1?=
 =?UTF-8?q?=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- RealtimePreviewDynamic의 draggable을 isDesignMode 조건부로 변경
- 디자인 모드(화면 편집)에서만 드래그 가능
- 실제 화면(프리뷰/실행)에서는 드래그 불가능
- onDragStart, onDragEnd도 조건부로 적용
---
 frontend/components/screen/RealtimePreviewDynamic.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/components/screen/RealtimePreviewDynamic.tsx b/frontend/components/screen/RealtimePreviewDynamic.tsx
index f4e0fec9..72739e71 100644
--- a/frontend/components/screen/RealtimePreviewDynamic.tsx
+++ b/frontend/components/screen/RealtimePreviewDynamic.tsx
@@ -275,9 +275,9 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
       style={{ ...baseStyle, ...selectionStyle }}
       onClick={handleClick}
       onDoubleClick={handleDoubleClick}
-      draggable
-      onDragStart={handleDragStart}
-      onDragEnd={handleDragEnd}
+      draggable={isDesignMode} // 디자인 모드에서만 드래그 가능
+      onDragStart={isDesignMode ? handleDragStart : undefined}
+      onDragEnd={isDesignMode ? handleDragEnd : undefined}
     >
       {/* 동적 컴포넌트 렌더링 */}
       <div