데이터전달 모달열기 액션에 컬럼 매핑기능 추가

frontend/components/screen/ScreenDesigner.tsx

@@ -2239,10 +2239,27 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
         calculatedWidth: `${Math.round(widthPercent * 100) / 100}%`,
       });
 
+      // 🆕 라벨을 기반으로 기본 columnName 생성 (한글 → 스네이크 케이스)
+      // 예: "창고코드" → "warehouse_code" 또는 그대로 유지
+      const generateDefaultColumnName = (label: string): string => {
+        // 한글 라벨의 경우 그대로 사용 (나중에 사용자가 수정 가능)
+        // 영문의 경우 스네이크 케이스로 변환
+        if (/[가-힣]/.test(label)) {
+          // 한글이 포함된 경우: 공백을 언더스코어로, 소문자로 변환
+          return label.replace(/\s+/g, "_").toLowerCase();
+        }
+        // 영문의 경우: 카멜케이스/파스칼케이스를 스네이크 케이스로 변환
+        return label
+          .replace(/([a-z])([A-Z])/g, "$1_$2")
+          .replace(/\s+/g, "_")
+          .toLowerCase();
+      };
+
       const newComponent: ComponentData = {
         id: generateComponentId(),
         type: "component", // ✅ 새 컴포넌트 시스템 사용
         label: component.name,
+        columnName: generateDefaultColumnName(component.name), // 🆕 기본 columnName 자동 생성
         widgetType: component.webType,
         componentType: component.id, // 새 컴포넌트 시스템의 ID (DynamicComponentRenderer용)
         position: snappedPosition,