테스트 프로젝트 테이블 생성 및 오류들 수정

frontend/lib/registry/components/button-primary/ButtonPrimaryComponent.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import React, { useState, useRef, useEffect } from "react";
 import { ComponentRendererProps } from "@/types/component";
 import { ButtonPrimaryConfig } from "./types";
 import {
@@ -71,6 +71,21 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
     config: any;
     context: ButtonActionContext;
   } | null>(null);
+
+  // 토스트 정리를 위한 ref
+  const currentLoadingToastRef = useRef<string | number | undefined>();
+
+  // 컴포넌트 언마운트 시 토스트 정리
+  useEffect(() => {
+    return () => {
+      if (currentLoadingToastRef.current !== undefined) {
+        console.log("🧹 컴포넌트 언마운트 시 토스트 정리");
+        toast.dismiss(currentLoadingToastRef.current);
+        currentLoadingToastRef.current = undefined;
+      }
+    };
+  }, []);
+
   // 컴포넌트 설정
   const componentConfig = {
     ...config,
@@ -84,13 +99,26 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
     processedConfig.action = {
       ...DEFAULT_BUTTON_ACTIONS[actionType],
       type: actionType,
+      // 🔥 제어관리 설정 추가 (webTypeConfig에서 가져옴)
+      enableDataflowControl: component.webTypeConfig?.enableDataflowControl,
+      dataflowConfig: component.webTypeConfig?.dataflowConfig,
+    };
+  } else if (componentConfig.action && typeof componentConfig.action === "object") {
+    // 🔥 이미 객체인 경우에도 제어관리 설정 추가
+    processedConfig.action = {
+      ...componentConfig.action,
+      enableDataflowControl: component.webTypeConfig?.enableDataflowControl,
+      dataflowConfig: component.webTypeConfig?.dataflowConfig,
     };
   }
 
   console.log("🔧 버튼 컴포넌트 설정:", {
     originalConfig: componentConfig,
     processedConfig,
-    component: component,
+    actionConfig: processedConfig.action,
+    webTypeConfig: component.webTypeConfig,
+    enableDataflowControl: component.webTypeConfig?.enableDataflowControl,
+    dataflowConfig: component.webTypeConfig?.dataflowConfig,
     screenId,
     tableName,
     onRefresh,
@@ -119,13 +147,22 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
   // 실제 액션 실행 함수
   const executeAction = async (actionConfig: any, context: ButtonActionContext) => {
     console.log("🚀 executeAction 시작:", { actionConfig, context });
-    let loadingToast: string | number | undefined;
 
     try {
+      // 기존 토스트가 있다면 먼저 제거
+      if (currentLoadingToastRef.current !== undefined) {
+        console.log("📱 기존 토스트 제거");
+        toast.dismiss(currentLoadingToastRef.current);
+        currentLoadingToastRef.current = undefined;
+      }
+
+      // 추가 안전장치: 모든 로딩 토스트 제거
+      toast.dismiss();
+
       // edit 액션을 제외하고만 로딩 토스트 표시
       if (actionConfig.type !== "edit") {
         console.log("📱 로딩 토스트 표시 시작");
-        loadingToast = toast.loading(
+        currentLoadingToastRef.current = toast.loading(
           actionConfig.type === "save"
             ? "저장 중..."
             : actionConfig.type === "delete"
@@ -133,8 +170,11 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
               : actionConfig.type === "submit"
                 ? "제출 중..."
                 : "처리 중...",
+          {
+            duration: Infinity, // 명시적으로 무한대로 설정
+          },
         );
-        console.log("📱 로딩 토스트 ID:", loadingToast);
+        console.log("📱 로딩 토스트 ID:", currentLoadingToastRef.current);
       }
 
       console.log("⚡ ButtonActionExecutor.executeAction 호출 시작");
@@ -142,9 +182,10 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
       console.log("⚡ ButtonActionExecutor.executeAction 완료, success:", success);
 
       // 로딩 토스트 제거 (있는 경우에만)
-      if (loadingToast) {
-        console.log("📱 로딩 토스트 제거");
-        toast.dismiss(loadingToast);
+      if (currentLoadingToastRef.current !== undefined) {
+        console.log("📱 로딩 토스트 제거 시도, ID:", currentLoadingToastRef.current);
+        toast.dismiss(currentLoadingToastRef.current);
+        currentLoadingToastRef.current = undefined;
       }
 
       // edit 액션은 조용히 처리 (모달 열기만 하므로 토스트 불필요)
@@ -170,9 +211,10 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
       console.log("❌ executeAction catch 블록 진입:", error);
 
       // 로딩 토스트 제거
-      if (loadingToast) {
-        console.log("📱 오류 시 로딩 토스트 제거");
-        toast.dismiss(loadingToast);
+      if (currentLoadingToastRef.current !== undefined) {
+        console.log("📱 오류 시 로딩 토스트 제거, ID:", currentLoadingToastRef.current);
+        toast.dismiss(currentLoadingToastRef.current);
+        currentLoadingToastRef.current = undefined;
       }
 
       console.error("❌ 버튼 액션 실행 오류:", error);