From f01be49f6afd6f7e71051dfcd4fa345a728d0302 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Tue, 23 Sep 2025 16:59:12 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20TableListConfigPanel=EC=97=90=EC=84=9C?=
 =?UTF-8?q?=20=EC=BB=AC=EB=9F=BC=20=EA=B2=80=EC=83=89=20=ED=95=84=EB=93=9C?=
 =?UTF-8?q?=EB=AA=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- tc.column_name → tc.columnName으로 수정
- tableColumns 구조에 맞게 컬럼 검색 로직 수정
- 디버깅 로그 개선
---
 .../table-list/TableListConfigPanel.tsx           | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx b/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
index a4c1a5c6..bf150fe5 100644
--- a/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
+++ b/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
@@ -31,7 +31,12 @@ export const TableListConfigPanel: React.FC<TableListConfigPanelProps> = ({
   screenTableName,
   tableColumns,
 }) => {
-  console.log("🔍 TableListConfigPanel props:", { config, screenTableName, tableColumns });
+  console.log("🔍 TableListConfigPanel props:", { 
+    config: config?.selectedTable, 
+    screenTableName, 
+    tableColumns: tableColumns?.length,
+    tableColumnsSample: tableColumns?.[0]
+  });
 
   const [availableTables, setAvailableTables] = useState<Array<{ tableName: string; displayName: string }>>([]);
   const [loadingTables, setLoadingTables] = useState(false);
@@ -296,7 +301,7 @@ export const TableListConfigPanel: React.FC<TableListConfigPanelProps> = ({
       columnsCount: config.columns?.length || 0,
       hasTableColumns: !!tableColumns,
       tableColumnsCount: tableColumns?.length || 0,
-      selectedTable: config.selectedTable
+      selectedTable: config.selectedTable,
     });
 
     if (!config.columns || !tableColumns) {
@@ -312,12 +317,12 @@ export const TableListConfigPanel: React.FC<TableListConfigPanelProps> = ({
       }
 
       // 테이블 컬럼 정보에서 해당 컬럼 찾기
-      const tableColumn = tableColumns.find((tc) => tc.column_name === column.columnName);
+      const tableColumn = tableColumns.find((tc) => tc.columnName === column.columnName);
       console.log("🔍 컬럼 검색:", {
         columnName: column.columnName,
         found: !!tableColumn,
         inputType: tableColumn?.input_type,
-        webType: tableColumn?.web_type
+        webType: tableColumn?.web_type,
       });
 
       // 엔티티 타입인 경우 isEntityJoin 플래그 설정 (input_type 또는 web_type 확인)
@@ -468,7 +473,7 @@ export const TableListConfigPanel: React.FC<TableListConfigPanelProps> = ({
     if (!column) return;
 
     // tableColumns에서 해당 컬럼의 메타정보 찾기
-    const tableColumn = tableColumns?.find((tc) => tc.columnName === columnName || tc.column_name === columnName);
+    const tableColumn = tableColumns?.find((tc) => tc.columnName === columnName);
 
     // 컬럼의 데이터 타입과 웹타입에 따라 위젯 타입 결정
     const inferWidgetType = (dataType: string, webType?: string): string => {