제어관리 수정

frontend/app/(main)/admin/dataflow/page.tsx

@@ -24,13 +24,13 @@ export default function DataFlowPage() {
   // 단계별 제목과 설명
   const stepConfig = {
     list: {
-      title: "데이터 흐름 관계도 관리",
-      description: "생성된 관계도들을 확인하고 관리하세요",
+      title: "데이터 흐름 제어 관리",
+      description: "생성된 제어들을 확인하고 관리하세요",
       icon: "📊",
     },
     design: {
-      title: "새 관계도 설계",
-      description: "테이블 간 데이터 관계를 시각적으로 설계하세요",
+      title: "새 제어 설계",
+      description: "테이블 간 데이터 제어를 시각적으로 설계하세요",
       icon: "🎨",
     },
   };
@@ -62,7 +62,7 @@ export default function DataFlowPage() {
   };
 
   const handleSave = (relationships: TableRelationship[]) => {
-    console.log("저장된 관계:", relationships);
+    console.log("저장된 제어:", relationships);
     // 저장 후 목록으로 돌아가기 - 다음 렌더링 사이클로 지연
     setTimeout(() => {
       goToStep("list");
@@ -71,28 +71,28 @@ export default function DataFlowPage() {
     }, 0);
   };
 
-  // 관계도 수정 핸들러
+  // 제어 수정 핸들러
   const handleDesignDiagram = async (diagram: DataFlowDiagram | null) => {
     if (diagram) {
-      // 기존 관계도 수정 - 저장된 관계 정보 로드
+      // 기존 제어 수정 - 저장된 제어 정보 로드
       try {
-        console.log("📖 관계도 수정 모드:", diagram);
+        console.log("📖 제어 수정 모드:", diagram);
 
-        // 저장된 관계 정보 로드
+        // 저장된 제어 정보 로드
         const relationshipData = await loadDataflowRelationship(diagram.diagramId);
-        console.log("✅ 관계 정보 로드 완료:", relationshipData);
+        console.log("✅ 제어 정보 로드 완료:", relationshipData);
 
         setEditingDiagram(diagram);
         setLoadedRelationshipData(relationshipData);
         goToNextStep("design");
 
-        toast.success(`"${diagram.diagramName}" 관계를 불러왔습니다.`);
+        toast.success(`"${diagram.diagramName}" 제어를 불러왔습니다.`);
       } catch (error: any) {
-        console.error("❌ 관계 정보 로드 실패:", error);
-        toast.error(error.message || "관계 정보를 불러오는데 실패했습니다.");
+        console.error("❌ 제어 정보 로드 실패:", error);
+        toast.error(error.message || "제어 정보를 불러오는데 실패했습니다.");
       }
     } else {
-      // 새 관계도 생성 - 현재 페이지에서 처리
+      // 새 제어 생성 - 현재 페이지에서 처리
       setEditingDiagram(null);
       setLoadedRelationshipData(null);
       goToNextStep("design");
@@ -101,21 +101,21 @@ export default function DataFlowPage() {
 
   return (
     <div className="min-h-screen bg-gray-50">
-      <div className="container mx-auto space-y-4 p-4">
+      <div className="mx-auto space-y-4 px-5 py-4">
         {/* 페이지 제목 */}
         <div className="flex items-center justify-between rounded-lg border bg-white p-4 shadow-sm">
           <div>
-            <h1 className="text-3xl font-bold text-gray-900">관계 관리</h1>
-            <p className="mt-2 text-gray-600">테이블 간 데이터 관계를 시각적으로 설계하고 관리합니다</p>
+            <h1 className="text-3xl font-bold text-gray-900">제어 관리</h1>
+            <p className="mt-2 text-gray-600">테이블 간 데이터 제어를 시각적으로 설계하고 관리합니다</p>
           </div>
         </div>
 
         {/* 단계별 내용 */}
         <div className="space-y-6">
-          {/* 관계도 목록 단계 */}
+          {/* 제어 목록 단계 */}
           {currentStep === "list" && <DataFlowList onDesignDiagram={handleDesignDiagram} />}
 
-          {/* 관계도 설계 단계 - 🎨 새로운 UI 사용 */}
+          {/* 제어 설계 단계 - 🎨 새로운 UI 사용 */}
           {currentStep === "design" && (
             <DataConnectionDesigner
               onClose={() => {