V2 이벤트 시스템 통합 및 데이터 전달 인터페이스 구현: UnifiedRepeater 컴포넌트에 데이터 제공 및 수신 인터페이스를 추가하여 다른 컴포넌트와의 데이터 연동을 개선하였습니다. 또한, AggregationWidgetComponent와 RepeatContainerComponent에서 V2 표준 이벤트를 구독하여 데이터 변경 이벤트를 효율적으로 처리하도록 수정하였습니다. 이를 통해 컴포넌트 간의 데이터 흐름과 사용자 경험을 향상시켰습니다.

frontend/lib/registry/components/v2-repeat-container/RepeatContainerComponent.tsx

@@ -8,6 +8,9 @@ import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
 import DynamicComponentRenderer from "@/lib/registry/DynamicComponentRenderer";
 
+// V2 이벤트 시스템
+import { V2_EVENTS, subscribeV2Event, type TableListDataChangeDetail, type RepeaterDataChangeDetail } from "@/types/component-events";
+
 interface RepeatContainerComponentProps extends ComponentRendererProps {
   config?: RepeatContainerConfig;
   // 외부에서 데이터를 직접 전달받을 수 있음
@@ -136,7 +139,10 @@ export function RepeatContainerComponent({
     }
   }, [externalData]);
 
-  // 컴포넌트 데이터 변경 이벤트 리스닝 (componentId 또는 tableName으로 매칭)
+  // ============================================================
+  // 컴포넌트 데이터 변경 이벤트 리스닝 (V2 표준 이벤트)
+  // componentId 또는 tableName으로 매칭
+  // ============================================================
   useEffect(() => {
     if (isDesignMode) return;
 
@@ -147,19 +153,12 @@ export function RepeatContainerComponent({
       effectiveTableName,
     });
 
-    // dataSourceComponentId가 없어도 테이블명으로 매칭 가능
-    const handleDataChange = (event: CustomEvent) => {
-      const { componentId, tableName: eventTableName, data: eventData } = event.detail || {};
-      
-      console.log("📩 리피터 컨테이너 이벤트 수신:", {
-        eventType: event.type,
-        fromComponentId: componentId,
-        fromTableName: eventTableName,
-        dataCount: Array.isArray(eventData) ? eventData.length : 0,
-        myDataSourceComponentId: dataSourceComponentId,
-        myEffectiveTableName: effectiveTableName,
-      });
-
+    // 공통 데이터 처리 함수
+    const processIncomingData = (
+      componentId: string | undefined,
+      eventTableName: string | undefined,
+      eventData: any[]
+    ) => {
       // 1. 명시적으로 dataSourceComponentId가 설정된 경우 해당 컴포넌트만 매칭
       if (dataSourceComponentId) {
         if (componentId === dataSourceComponentId && Array.isArray(eventData)) {
@@ -167,8 +166,6 @@ export function RepeatContainerComponent({
           setData(eventData);
           setCurrentPage(1);
           setSelectedIndices([]);
-        } else {
-          console.log("⚠️ 리피터: 컴포넌트 ID 불일치로 무시", { expected: dataSourceComponentId, received: componentId });
         }
         return;
       }
@@ -179,17 +176,28 @@ export function RepeatContainerComponent({
         setData(eventData);
         setCurrentPage(1);
         setSelectedIndices([]);
-      } else if (effectiveTableName) {
-        console.log("⚠️ 리피터: 테이블명 불일치로 무시", { expected: effectiveTableName, received: eventTableName });
       }
     };
 
-    window.addEventListener("repeaterDataChange" as any, handleDataChange);
-    window.addEventListener("tableListDataChange" as any, handleDataChange);
+    // 테이블 리스트 데이터 변경 이벤트 (V2 표준)
+    const handleTableListDataChange = (event: CustomEvent<TableListDataChangeDetail>) => {
+      const { componentId, tableName: eventTableName, data: eventData } = event.detail || {};
+      processIncomingData(componentId, eventTableName, eventData);
+    };
+
+    // 리피터 데이터 변경 이벤트 (V2 표준)
+    const handleRepeaterDataChange = (event: CustomEvent<RepeaterDataChangeDetail>) => {
+      const { componentId, tableName: eventTableName, data: eventData } = event.detail || {};
+      processIncomingData(componentId, eventTableName, eventData);
+    };
+
+    // V2 표준 이벤트 구독
+    const unsubscribeTableList = subscribeV2Event(V2_EVENTS.TABLE_LIST_DATA_CHANGE, handleTableListDataChange);
+    const unsubscribeRepeater = subscribeV2Event(V2_EVENTS.REPEATER_DATA_CHANGE, handleRepeaterDataChange);
 
     return () => {
-      window.removeEventListener("repeaterDataChange" as any, handleDataChange);
-      window.removeEventListener("tableListDataChange" as any, handleDataChange);
+      unsubscribeTableList();
+      unsubscribeRepeater();
     };
   }, [component?.id, dataSourceType, dataSourceComponentId, effectiveTableName, isDesignMode]);