feat: V2 레이아웃 처리 개선 및 새로운 V2 레이아웃 데이터 구조 도입

- 기존 레이아웃 처리 로직을 V2 레이아웃에 맞게 수정하였습니다.
- V2 레이아웃에서 layout_data를 조회하고, 변경 여부를 확인하는 로직을 추가하였습니다.
- 레이아웃 데이터의 참조 ID 업데이트 및 flowId, numberingRuleId 수집 기능을 구현하였습니다.
- V2Media 컴포넌트를 통합하여 미디어 관련 기능을 강화하였습니다.
- 레이아웃 처리 시 V2 레이아웃의 컴포넌트 매핑 및 데이터 복사를 효율적으로 처리하도록 개선하였습니다.

frontend/lib/registry/components/index.ts

@@ -105,7 +105,7 @@ import "./v2-location-swap-selector/LocationSwapSelectorRenderer";
 import "./v2-table-search-widget";
 import "./v2-tabs-widget/tabs-component";
 import "./v2-category-manager/V2CategoryManagerRenderer";
-import "./v2-media"; // 통합 미디어 컴포넌트
+import "./v2-media/V2MediaRenderer"; // V2 통합 미디어 컴포넌트
 import "./v2-input/V2InputRenderer"; // V2 통합 입력 컴포넌트
 import "./v2-select/V2SelectRenderer"; // V2 통합 선택 컴포넌트
 import "./v2-date/V2DateRenderer"; // V2 통합 날짜 컴포넌트

frontend/lib/registry/components/v2-media/V2MediaRenderer.tsx

@@ -0,0 +1,109 @@
+"use client";
+
+import React from "react";
+import { AutoRegisteringComponentRenderer } from "../../AutoRegisteringComponentRenderer";
+import { V2MediaDefinition } from "./index";
+import { V2Media } from "@/components/v2/V2Media";
+
+/**
+ * V2Media 렌더러
+ * 파일, 이미지, 비디오, 오디오 등 다양한 미디어 타입을 지원
+ * 자동 등록 시스템을 사용하여 컴포넌트를 레지스트리에 등록
+ */
+export class V2MediaRenderer extends AutoRegisteringComponentRenderer {
+  static componentDefinition = V2MediaDefinition;
+
+  render(): React.ReactElement {
+    const { component, formData, onFormDataChange, isDesignMode, isSelected, isInteractive, ...restProps } = this.props;
+
+    // 컴포넌트 설정 추출
+    const config = component.componentConfig || component.config || {};
+    const columnName = component.columnName;
+    const tableName = component.tableName || this.props.tableName;
+
+    // formData에서 현재 값 가져오기
+    const currentValue = formData?.[columnName] ?? component.value ?? "";
+
+    // 값 변경 핸들러
+    const handleChange = (value: any) => {
+      if (isInteractive && onFormDataChange && columnName) {
+        onFormDataChange(columnName, value);
+      }
+    };
+
+    // V1 file-upload, image-widget에서 넘어온 설정 매핑
+    const mediaType = config.mediaType || config.type || this.getMediaTypeFromWebType(component.webType);
+    
+    // maxSize: MB → bytes 변환 (V1은 bytes, V2는 MB 단위 사용)
+    const maxSizeBytes = config.maxSize 
+      ? (config.maxSize > 1000 ? config.maxSize : config.maxSize * 1024 * 1024)
+      : 10 * 1024 * 1024; // 기본 10MB
+
+    return (
+      <V2Media
+        id={component.id}
+        label={component.label}
+        required={component.required}
+        readonly={config.readonly || component.readonly}
+        disabled={config.disabled || component.disabled}
+        value={currentValue}
+        onChange={handleChange}
+        config={{
+          type: mediaType,
+          multiple: config.multiple ?? false,
+          preview: config.preview ?? true,
+          maxSize: maxSizeBytes,
+          accept: config.accept || this.getDefaultAccept(mediaType),
+          uploadEndpoint: config.uploadEndpoint || "/api/upload",
+        }}
+        style={component.style}
+        size={component.size}
+        formData={formData}
+        columnName={columnName}
+        tableName={tableName}
+        {...restProps}
+      />
+    );
+  }
+
+  /**
+   * webType에서 미디어 타입 추출
+   */
+  private getMediaTypeFromWebType(webType?: string): "file" | "image" | "video" | "audio" {
+    switch (webType) {
+      case "image":
+        return "image";
+      case "video":
+        return "video";
+      case "audio":
+        return "audio";
+      case "file":
+      default:
+        return "file";
+    }
+  }
+
+  /**
+   * 미디어 타입에 따른 기본 accept 값
+   */
+  private getDefaultAccept(mediaType: string): string {
+    switch (mediaType) {
+      case "image":
+        return "image/*";
+      case "video":
+        return "video/*";
+      case "audio":
+        return "audio/*";
+      default:
+        return "*/*";
+    }
+  }
+}
+
+// 자동 등록 실행
+V2MediaRenderer.registerSelf();
+
+// Hot Reload 지원 (개발 모드)
+if (process.env.NODE_ENV === "development") {
+  V2MediaRenderer.enableHotReload();
+}