화면 분할 패널 수정모드 기능

frontend/components/common/ScreenModal.tsx

@@ -120,10 +120,17 @@ export const ScreenModal: React.FC<ScreenModalProps> = ({ className }) => {
     };
   };
 
+  // 모달이 열린 시간 추적 (저장 성공 이벤트 무시용)
+  const modalOpenedAtRef = React.useRef<number>(0);
+
   // 전역 모달 이벤트 리스너
   useEffect(() => {
     const handleOpenModal = (event: CustomEvent) => {
-      const { screenId, title, description, size, urlParams } = event.detail;
+      const { screenId, title, description, size, urlParams, editData } = event.detail;
+
+      // 🆕 모달 열린 시간 기록
+      modalOpenedAtRef.current = Date.now();
+      console.log("🕐 [ScreenModal] 모달 열림 시간 기록:", modalOpenedAtRef.current);
 
       // 🆕 URL 파라미터가 있으면 현재 URL에 추가
       if (urlParams && typeof window !== "undefined") {
@@ -136,6 +143,12 @@ export const ScreenModal: React.FC<ScreenModalProps> = ({ className }) => {
         console.log("✅ URL 파라미터 추가:", urlParams);
       }
 
+      // 🆕 editData가 있으면 formData로 설정 (수정 모드)
+      if (editData) {
+        console.log("📝 [ScreenModal] 수정 데이터 설정:", editData);
+        setFormData(editData);
+      }
+
       setModalState({
         isOpen: true,
         screenId,
@@ -171,6 +184,13 @@ export const ScreenModal: React.FC<ScreenModalProps> = ({ className }) => {
 
     // 저장 성공 이벤트 처리 (연속 등록 모드 지원)
     const handleSaveSuccess = () => {
+      // 🆕 모달이 열린 후 500ms 이내의 저장 성공 이벤트는 무시 (이전 이벤트 방지)
+      const timeSinceOpen = Date.now() - modalOpenedAtRef.current;
+      if (timeSinceOpen < 500) {
+        console.log("⏭️ [ScreenModal] 모달 열린 직후 저장 성공 이벤트 무시:", { timeSinceOpen });
+        return;
+      }
+
       const isContinuousMode = continuousMode;
       console.log("💾 저장 성공 이벤트 수신");
       console.log("📌 현재 연속 모드 상태:", isContinuousMode);
@@ -581,6 +601,15 @@ export const ScreenModal: React.FC<ScreenModalProps> = ({ className }) => {
                           },
                         };
 
+                  // 🆕 formData 전달 확인 로그
+                  console.log("📝 [ScreenModal] InteractiveScreenViewerDynamic에 formData 전달:", {
+                    componentId: component.id,
+                    componentType: component.type,
+                    componentComponentType: (component as any).componentType, // 🆕 실제 componentType 확인
+                    hasFormData: !!formData,
+                    formDataKeys: formData ? Object.keys(formData) : [],
+                  });
+
                   return (
                     <InteractiveScreenViewerDynamic
                       key={`${component.id}-${resetKey}`}