수식 노드 구현

frontend/components/dataflow/node-editor/panels/PropertiesPanel.tsx

@@ -16,6 +16,7 @@ import { ExternalDBSourceProperties } from "./properties/ExternalDBSourcePropert
 import { UpsertActionProperties } from "./properties/UpsertActionProperties";
 import { DataTransformProperties } from "./properties/DataTransformProperties";
 import { AggregateProperties } from "./properties/AggregateProperties";
+import { FormulaTransformProperties } from "./properties/FormulaTransformProperties";
 import { RestAPISourceProperties } from "./properties/RestAPISourceProperties";
 import { CommentProperties } from "./properties/CommentProperties";
 import { LogProperties } from "./properties/LogProperties";
@@ -31,21 +32,21 @@ export function PropertiesPanel() {
   const selectedNode = selectedNodes.length === 1 ? nodes.find((n) => n.id === selectedNodes[0]) : null;
 
   return (
-    <div 
-      style={{ 
-        display: 'flex', 
-        flexDirection: 'column', 
-        height: '100%', 
-        width: '100%', 
-        overflow: 'hidden'
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "100%",
+        overflow: "hidden",
       }}
     >
       {/* 헤더 */}
-      <div 
-        style={{ 
-          flexShrink: 0, 
-          height: '64px'
-        }} 
+      <div
+        style={{
+          flexShrink: 0,
+          height: "64px",
+        }}
         className="flex items-center justify-between border-b bg-white p-4"
       >
         <div>
@@ -60,12 +61,12 @@ export function PropertiesPanel() {
       </div>
 
       {/* 내용 - 스크롤 가능 영역 */}
-      <div 
-        style={{ 
-          flex: 1, 
-          minHeight: 0, 
-          overflowY: 'auto', 
-          overflowX: 'hidden'
+      <div
+        style={{
+          flex: 1,
+          minHeight: 0,
+          overflowY: "auto",
+          overflowX: "hidden",
         }}
       >
         {selectedNodes.length === 0 ? (
@@ -125,6 +126,9 @@ function NodePropertiesRenderer({ node }: { node: any }) {
     case "aggregate":
       return <AggregateProperties nodeId={node.id} data={node.data} />;
 
+    case "formulaTransform":
+      return <FormulaTransformProperties nodeId={node.id} data={node.data} />;
+
     case "restAPISource":
       return <RestAPISourceProperties nodeId={node.id} data={node.data} />;
 
@@ -173,6 +177,7 @@ function getNodeTypeLabel(type: NodeType): string {
     fieldMapping: "필드 매핑",
     dataTransform: "데이터 변환",
     aggregate: "집계",
+    formulaTransform: "수식 변환",
     insertAction: "INSERT 액션",
     updateAction: "UPDATE 액션",
     deleteAction: "DELETE 액션",