From c486a31787f076f9634d3b2efda5663f3f001959 Mon Sep 17 00:00:00 2001
From: leeheejin <imleesinok@gmail.com>
Date: Thu, 11 Dec 2025 13:48:34 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=8C=EC=9D=BC=EC=97=85=EB=A1=9C=EB=93=9C?=
 =?UTF-8?q?=20=EB=A1=9C=EC=A7=81=20=EC=A4=91=EA=B0=84=EC=A0=80=EC=9E=A5(?=
 =?UTF-8?q?=EB=8B=A4=EB=93=AC=EA=B8=B0=ED=95=98=EB=A9=B4=EB=90=A8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend-node/src/controllers/fileController.ts    | 14 ++++++++++++++
 backend-node/src/services/dynamicFormService.ts   | 15 ++++++++++++++-
 frontend/components/screen/EditModal.tsx          |  8 ++++++++
 .../file-upload/FileUploadComponent.tsx           | 12 ++++++++++--
 4 files changed, 46 insertions(+), 3 deletions(-)

diff --git a/backend-node/src/controllers/fileController.ts b/backend-node/src/controllers/fileController.ts
index fe3d5cfd..d4e8d0cf 100644
--- a/backend-node/src/controllers/fileController.ts
+++ b/backend-node/src/controllers/fileController.ts
@@ -343,6 +343,20 @@ export const uploadFiles = async (
 
     // 🆕 레코드 모드: 해당 행의 attachments 컬럼 자동 업데이트
     const isRecordMode = req.body.isRecordMode === "true" || req.body.isRecordMode === true;
+    
+    // 🔍 디버깅: 레코드 모드 조건 확인
+    console.log("🔍 [파일 업로드] 레코드 모드 조건 확인:", {
+      isRecordMode,
+      linkedTable,
+      recordId,
+      columnName,
+      finalTargetObjid,
+      "req.body.isRecordMode": req.body.isRecordMode,
+      "req.body.linkedTable": req.body.linkedTable,
+      "req.body.recordId": req.body.recordId,
+      "req.body.columnName": req.body.columnName,
+    });
+    
     if (isRecordMode && linkedTable && recordId && columnName) {
       try {
         // 해당 레코드의 모든 첨부파일 조회
diff --git a/backend-node/src/services/dynamicFormService.ts b/backend-node/src/services/dynamicFormService.ts
index 99d6257c..205cd217 100644
--- a/backend-node/src/services/dynamicFormService.ts
+++ b/backend-node/src/services/dynamicFormService.ts
@@ -865,6 +865,9 @@ export class DynamicFormService {
             return `${key} = $${index + 1}::numeric`;
           } else if (dataType === 'boolean') {
             return `${key} = $${index + 1}::boolean`;
+          } else if (dataType === 'jsonb' || dataType === 'json') {
+            // 🆕 JSONB/JSON 타입은 명시적 캐스팅
+            return `${key} = $${index + 1}::jsonb`;
           } else {
             // 문자열 타입은 캐스팅 불필요
             return `${key} = $${index + 1}`;
@@ -872,7 +875,17 @@ export class DynamicFormService {
         })
         .join(", ");
 
-      const values: any[] = Object.values(changedFields);
+      // 🆕 JSONB 타입 값은 JSON 문자열로 변환
+      const values: any[] = Object.keys(changedFields).map((key) => {
+        const value = changedFields[key];
+        const dataType = columnTypes[key];
+        
+        // JSONB/JSON 타입이고 배열/객체인 경우 JSON 문자열로 변환
+        if ((dataType === 'jsonb' || dataType === 'json') && (Array.isArray(value) || (typeof value === 'object' && value !== null))) {
+          return JSON.stringify(value);
+        }
+        return value;
+      });
       values.push(id); // WHERE 조건용 ID 추가
 
       // 🔑 Primary Key 타입에 맞게 캐스팅
diff --git a/frontend/components/screen/EditModal.tsx b/frontend/components/screen/EditModal.tsx
index 9dcb58bf..0a87db3f 100644
--- a/frontend/components/screen/EditModal.tsx
+++ b/frontend/components/screen/EditModal.tsx
@@ -767,6 +767,14 @@ export const EditModal: React.FC<EditModalProps> = ({ className }) => {
                   tableName: screenData.screenInfo?.tableName, // 테이블명 추가
                   screenId: modalState.screenId, // 화면 ID 추가
                 };
+                
+                // 🔍 디버깅: enrichedFormData 확인
+                console.log("🔑 [EditModal] enrichedFormData 생성:", {
+                  "screenData.screenInfo": screenData.screenInfo,
+                  "screenData.screenInfo?.tableName": screenData.screenInfo?.tableName,
+                  "enrichedFormData.tableName": enrichedFormData.tableName,
+                  "enrichedFormData.id": enrichedFormData.id,
+                });
 
                 return (
                   <InteractiveScreenViewerDynamic
diff --git a/frontend/lib/registry/components/file-upload/FileUploadComponent.tsx b/frontend/lib/registry/components/file-upload/FileUploadComponent.tsx
index dc77ac93..805fe755 100644
--- a/frontend/lib/registry/components/file-upload/FileUploadComponent.tsx
+++ b/frontend/lib/registry/components/file-upload/FileUploadComponent.tsx
@@ -110,7 +110,10 @@ const FileUploadComponent: React.FC<FileUploadComponentProps> = ({
   const isRecordMode = !!(formData?.id && !String(formData.id).startsWith('temp_'));
   const recordTableName = formData?.tableName || component.tableName;
   const recordId = formData?.id;
-  const columnName = component.columnName || component.id || 'attachments';
+  // 🔑 컬럼명 결정: 레코드 모드에서는 무조건 'attachments' 사용
+  // component.columnName이나 component.id는 '파일_업로드' 같은 한글 라벨일 수 있어서 DB 컬럼명으로 부적합
+  // 레코드 모드가 아닐 때만 component.columnName 또는 component.id 사용
+  const columnName = isRecordMode ? 'attachments' : (component.columnName || component.id || 'attachments');
   
   // 🔑 레코드 모드용 targetObjid 생성
   const getRecordTargetObjid = useCallback(() => {
@@ -140,8 +143,13 @@ const FileUploadComponent: React.FC<FileUploadComponentProps> = ({
       targetObjid: getRecordTargetObjid(),
       uniqueKey: getUniqueKey(),
       formDataKeys: formData ? Object.keys(formData) : [],
+      // 🔍 추가 디버깅: 어디서 tableName이 오는지 확인
+      "formData.tableName": formData?.tableName,
+      "component.tableName": component.tableName,
+      "component.columnName": component.columnName,
+      "component.id": component.id,
     });
-  }, [isRecordMode, recordTableName, recordId, columnName, getRecordTargetObjid, getUniqueKey, formData]);
+  }, [isRecordMode, recordTableName, recordId, columnName, getRecordTargetObjid, getUniqueKey, formData, component.tableName, component.columnName, component.id]);
 
   // 🆕 레코드 ID 변경 시 파일 목록 초기화 및 새로 로드
   const prevRecordIdRef = useRef<any>(null);