채번 자동생성기능

frontend/lib/registry/components/text-input/TextInputComponent.tsx

@@ -53,6 +53,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
 
   // 자동생성된 값 상태
   const [autoGeneratedValue, setAutoGeneratedValue] = useState<string>("");
+  
+  // API 호출 중복 방지를 위한 ref
+  const isGeneratingRef = React.useRef(false);
+  const hasGeneratedRef = React.useRef(false);
 
   // 테스트용: 컴포넌트 라벨에 "test"가 포함되면 강제로 UUID 자동생성 활성화
   const testAutoGeneration = component.label?.toLowerCase().includes("test")
@@ -79,32 +83,96 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
   //   autoGeneratedValue,
   // });
 
-  // 자동생성 값 생성 (컴포넌트 마운트 시 또는 폼 데이터 변경 시)
+  // 자동생성 값 생성 (컴포넌트 마운트 시 한 번만 실행)
   useEffect(() => {
-    if (testAutoGeneration.enabled && testAutoGeneration.type !== "none") {
-      // 폼 데이터에 이미 값이 있으면 자동생성하지 않음
-      const currentFormValue = formData?.[component.columnName];
-      const currentComponentValue = component.value;
-
-      // 자동생성된 값이 없고, 현재 값도 없을 때만 생성
-      if (!autoGeneratedValue && !currentFormValue && !currentComponentValue) {
-        const generatedValue = AutoGenerationUtils.generateValue(testAutoGeneration, component.columnName);
-
-        if (generatedValue) {
-          setAutoGeneratedValue(generatedValue);
-
-          // 폼 데이터에 자동생성된 값 설정 (인터랙티브 모드에서만)
-          if (isInteractive && onFormDataChange && component.columnName) {
-            onFormDataChange(component.columnName, generatedValue);
-          }
-        }
-      } else if (!autoGeneratedValue && testAutoGeneration.type !== "none") {
-        // 디자인 모드에서도 미리보기용 자동생성 값 표시
-        const previewValue = AutoGenerationUtils.generatePreviewValue(testAutoGeneration);
-        setAutoGeneratedValue(previewValue);
+    const generateAutoValue = async () => {
+      // 이미 생성 중이거나 생성 완료된 경우 중복 실행 방지
+      if (isGeneratingRef.current || hasGeneratedRef.current) {
+        console.log("⏭️ 중복 실행 방지:", {
+          isGenerating: isGeneratingRef.current,
+          hasGenerated: hasGeneratedRef.current,
+        });
+        return;
       }
-    }
-  }, [testAutoGeneration, isInteractive, component.columnName, component.value, formData, onFormDataChange]);
+
+      if (testAutoGeneration.enabled && testAutoGeneration.type !== "none") {
+        // 폼 데이터에 이미 값이 있으면 자동생성하지 않음
+        const currentFormValue = formData?.[component.columnName];
+        const currentComponentValue = component.value;
+
+        console.log("🔧 TextInput 자동생성 체크:", {
+          componentId: component.id,
+          columnName: component.columnName,
+          autoGenType: testAutoGeneration.type,
+          ruleId: testAutoGeneration.options?.numberingRuleId,
+          currentFormValue,
+          currentComponentValue,
+          autoGeneratedValue,
+          isInteractive,
+        });
+
+        // 자동생성된 값이 없고, 현재 값도 없을 때만 생성
+        if (!autoGeneratedValue && !currentFormValue && !currentComponentValue) {
+          isGeneratingRef.current = true; // 생성 시작 플래그
+          let generatedValue: string | null = null;
+
+          // 채번 규칙은 비동기로 처리
+          if (testAutoGeneration.type === "numbering_rule") {
+            const ruleId = testAutoGeneration.options?.numberingRuleId;
+            if (ruleId) {
+              try {
+                console.log("🚀 채번 규칙 API 호출 시작:", ruleId);
+                const { generateNumberingCode } = await import("@/lib/api/numberingRule");
+                const response = await generateNumberingCode(ruleId);
+                console.log("✅ 채번 규칙 API 응답:", response);
+                if (response.success && response.data) {
+                  generatedValue = response.data.generatedCode;
+                }
+              } catch (error) {
+                console.error("❌ 채번 규칙 코드 생성 실패:", error);
+              } finally {
+                isGeneratingRef.current = false; // 생성 완료
+              }
+            } else {
+              console.warn("⚠️ 채번 규칙 ID가 없습니다");
+              isGeneratingRef.current = false;
+            }
+          } else {
+            // 기타 타입은 동기로 처리
+            generatedValue = AutoGenerationUtils.generateValue(testAutoGeneration, component.columnName);
+            isGeneratingRef.current = false;
+          }
+
+          if (generatedValue) {
+            console.log("✅ 자동생성 값 설정:", generatedValue);
+            setAutoGeneratedValue(generatedValue);
+            hasGeneratedRef.current = true; // 생성 완료 플래그
+
+            // 폼 데이터에 자동생성된 값 설정 (인터랙티브 모드에서만)
+            if (isInteractive && onFormDataChange && component.columnName) {
+              console.log("📝 formData 업데이트:", component.columnName, generatedValue);
+              onFormDataChange(component.columnName, generatedValue);
+              
+              // 채번 규칙 ID도 함께 저장 (저장 시점에 실제 할당하기 위함)
+              if (testAutoGeneration.type === "numbering_rule" && testAutoGeneration.options?.numberingRuleId) {
+                const ruleIdKey = `${component.columnName}_numberingRuleId`;
+                onFormDataChange(ruleIdKey, testAutoGeneration.options.numberingRuleId);
+                console.log("📝 채번 규칙 ID 저장:", ruleIdKey, testAutoGeneration.options.numberingRuleId);
+              }
+            }
+          }
+        } else if (!autoGeneratedValue && testAutoGeneration.type !== "none") {
+          // 디자인 모드에서도 미리보기용 자동생성 값 표시
+          const previewValue = AutoGenerationUtils.generatePreviewValue(testAutoGeneration);
+          console.log("👁️ 미리보기 값 설정:", previewValue);
+          setAutoGeneratedValue(previewValue);
+          hasGeneratedRef.current = true;
+        }
+      }
+    };
+
+    generateAutoValue();
+  }, [testAutoGeneration.enabled, testAutoGeneration.type, component.columnName, isInteractive]);
 
   // 실제 화면에서 숨김 처리된 컴포넌트는 렌더링하지 않음
   if (isHidden && !isDesignMode) {