분할 패널 높이 조정 수정

frontend/components/screen/RealtimePreviewDynamic.tsx

@@ -291,6 +291,19 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
     return "40px";
   };
 
+  // layout 타입 컴포넌트인지 확인
+  const isLayoutComponent = component.type === "layout" || 
+    (component.componentConfig as any)?.type?.includes("layout");
+  
+  // layout 컴포넌트는 component 객체에 style.height 추가
+  const enhancedComponent = isLayoutComponent ? {
+    ...component,
+    style: {
+      ...component.style,
+      height: getHeight(),
+    }
+  } : component;
+
   const baseStyle = {
     left: `${position.x}px`,
     top: `${position.y}px`,
@@ -384,7 +397,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
         style={{ width: "100%", maxWidth: "100%" }}
       >
         <DynamicComponentRenderer
-          component={component}
+          component={enhancedComponent}
           isSelected={isSelected}
           isDesignMode={isDesignMode}
           isInteractive={!isDesignMode} // 편집 모드가 아닐 때만 인터랙티브