테이블 관계 저장 구현

frontend/components/dataflow/TableNode.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import { Handle, Position } from "@xyflow/react";
 
 interface TableColumn {
   name: string;
@@ -28,6 +29,10 @@ export const TableNode: React.FC<{ data: TableNodeData }> = ({ data }) => {
 
   return (
     <div className="relative flex min-w-[280px] flex-col overflow-hidden rounded-lg border-2 border-gray-300 bg-white shadow-lg">
+      {/* React Flow Handles - 숨김 처리 */}
+      <Handle type="target" position={Position.Left} id="left" className="!invisible !h-1 !w-1" />
+      <Handle type="source" position={Position.Right} id="right" className="!invisible !h-1 !w-1" />
+
       {/* 테이블 헤더 */}
       <div className="bg-blue-600 p-3 text-white">
         <h3 className="truncate text-sm font-semibold">{table.displayName}</h3>