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

frontend/lib/registry/components/date-input/DateInputComponent.tsx

@@ -1,13 +1,17 @@
 "use client";
 
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { ComponentRendererProps } from "@/types/component";
 import { DateInputConfig } from "./types";
 import { filterDOMProps } from "@/lib/utils/domPropsFilter";
+import { AutoGenerationUtils } from "@/lib/utils/autoGeneration";
+import { AutoGenerationConfig } from "@/types/screen";
 
 export interface DateInputComponentProps extends ComponentRendererProps {
   config?: DateInputConfig;
   value?: any; // 외부에서 전달받는 값
+  autoGeneration?: AutoGenerationConfig;
+  hidden?: boolean;
 }
 
 /**
@@ -28,6 +32,8 @@ export const DateInputComponent: React.FC<DateInputComponentProps> = ({
   formData,
   onFormDataChange,
   value: externalValue, // 외부에서 전달받은 값
+  autoGeneration,
+  hidden,
   ...props
 }) => {
   // 컴포넌트 설정
@@ -36,14 +42,130 @@ export const DateInputComponent: React.FC<DateInputComponentProps> = ({
     ...component.config,
   } as DateInputConfig;
 
+  // 🎯 자동생성 상태 관리
+  const [autoGeneratedValue, setAutoGeneratedValue] = useState<string>("");
+
+  // 🚨 컴포넌트 마운트 확인용 로그
+  console.log("🚨 DateInputComponent 마운트됨!", {
+    componentId: component.id,
+    isInteractive,
+    isDesignMode,
+    autoGeneration,
+    componentAutoGeneration: component.autoGeneration,
+    externalValue,
+    formDataValue: formData?.[component.columnName || ""],
+    timestamp: new Date().toISOString(),
+  });
+
+  // 🧪 무조건 실행되는 테스트
+  useEffect(() => {
+    console.log("🧪 DateInputComponent 무조건 실행 테스트!");
+    const testDate = "2025-01-19"; // 고정된 테스트 날짜
+    setAutoGeneratedValue(testDate);
+    console.log("🧪 autoGeneratedValue 설정 완료:", testDate);
+  }, []); // 빈 의존성 배열로 한 번만 실행
+
+  // 자동생성 설정 (props 우선, 컴포넌트 설정 폴백)
+  const finalAutoGeneration = autoGeneration || component.autoGeneration;
+  const finalHidden = hidden !== undefined ? hidden : component.hidden;
+
+  // 🧪 테스트용 간단한 자동생성 로직
+  useEffect(() => {
+    console.log("🔍 DateInputComponent useEffect 실행:", {
+      componentId: component.id,
+      finalAutoGeneration,
+      enabled: finalAutoGeneration?.enabled,
+      type: finalAutoGeneration?.type,
+      isInteractive,
+      isDesignMode,
+      hasOnFormDataChange: !!onFormDataChange,
+      columnName: component.columnName,
+      currentFormValue: formData?.[component.columnName || ""],
+    });
+
+    // 🧪 테스트: 자동생성이 활성화되어 있으면 무조건 현재 날짜 설정
+    if (finalAutoGeneration?.enabled) {
+      const today = new Date().toISOString().split("T")[0]; // YYYY-MM-DD
+      console.log("🧪 테스트용 날짜 생성:", today);
+
+      setAutoGeneratedValue(today);
+
+      // 인터랙티브 모드에서 폼 데이터에도 설정
+      if (isInteractive && onFormDataChange && component.columnName) {
+        console.log("📤 테스트용 폼 데이터 업데이트:", component.columnName, today);
+        onFormDataChange(component.columnName, today);
+      }
+    }
+
+    // 원래 자동생성 로직 (주석 처리)
+    /*
+    if (finalAutoGeneration?.enabled && finalAutoGeneration.type !== "none") {
+      const fieldName = component.columnName || component.id;
+      const generatedValue = AutoGenerationUtils.generateValue(finalAutoGeneration, fieldName);
+      
+      console.log("🎯 DateInputComponent 자동생성 시도:", {
+        componentId: component.id,
+        fieldName,
+        type: finalAutoGeneration.type,
+        options: finalAutoGeneration.options,
+        generatedValue,
+        isInteractive,
+        isDesignMode,
+      });
+      
+      if (generatedValue) {
+        console.log("✅ DateInputComponent 자동생성 성공:", generatedValue);
+        setAutoGeneratedValue(generatedValue);
+        
+        // 인터랙티브 모드에서 폼 데이터 업데이트
+        if (isInteractive && onFormDataChange && component.columnName) {
+          const currentValue = formData?.[component.columnName];
+          if (!currentValue) {
+            console.log("📤 DateInputComponent -> onFormDataChange 호출:", component.columnName, generatedValue);
+            onFormDataChange(component.columnName, generatedValue);
+          } else {
+            console.log("⚠️ DateInputComponent 기존 값이 있어서 자동생성 스킵:", currentValue);
+          }
+        } else {
+          console.log("⚠️ DateInputComponent 자동생성 조건 불만족:", {
+            isInteractive,
+            hasOnFormDataChange: !!onFormDataChange,
+            hasColumnName: !!component.columnName,
+          });
+        }
+      } else {
+        console.log("❌ DateInputComponent 자동생성 실패: generatedValue가 null");
+      }
+    } else {
+      console.log("⚠️ DateInputComponent 자동생성 비활성화:", {
+        enabled: finalAutoGeneration?.enabled,
+        type: finalAutoGeneration?.type,
+      });
+    }
+    */
+  }, [
+    finalAutoGeneration?.enabled,
+    finalAutoGeneration?.type,
+    finalAutoGeneration?.options,
+    component.id,
+    component.columnName,
+    isInteractive,
+  ]);
+
   // 날짜 값 계산 및 디버깅
   const fieldName = component.columnName || component.id;
-  const rawValue =
-    externalValue !== undefined
-      ? externalValue
-      : isInteractive && formData && component.columnName
-        ? formData[component.columnName]
-        : component.value;
+
+  // 값 우선순위: externalValue > formData > autoGeneratedValue > component.value
+  let rawValue: any;
+  if (externalValue !== undefined) {
+    rawValue = externalValue;
+  } else if (isInteractive && formData && component.columnName && formData[component.columnName]) {
+    rawValue = formData[component.columnName];
+  } else if (autoGeneratedValue) {
+    rawValue = autoGeneratedValue;
+  } else {
+    rawValue = component.value;
+  }
 
   console.log("🔍 DateInputComponent 값 디버깅:", {
     componentId: component.id,
@@ -196,10 +318,14 @@ export const DateInputComponent: React.FC<DateInputComponentProps> = ({
       <input
         type="date"
         value={formattedValue}
-        placeholder={componentConfig.placeholder || ""}
+        placeholder={
+          finalAutoGeneration?.enabled
+            ? `자동생성: ${AutoGenerationUtils.getTypeDescription(finalAutoGeneration.type)}`
+            : componentConfig.placeholder || ""
+        }
         disabled={componentConfig.disabled || false}
         required={componentConfig.required || false}
-        readOnly={componentConfig.readonly || false}
+        readOnly={componentConfig.readonly || finalAutoGeneration?.enabled || false}
         style={{
           width: "100%",
           height: "100%",