From 9dbb6b100a1adaa78045378f10884f053a2f9c60 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 5 Jan 2026 15:42:24 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=B4=EB=93=9C=EB=94=94=EC=8A=A4=ED=94=8C?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=20=EC=84=A4=EC=A0=95=20=EC=A0=81=EC=9A=A9?=
 =?UTF-8?q?=EC=95=88=EB=90=9C=EB=8A=90=20=EC=98=A4=EB=A5=98=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/unified/UnifiedList.tsx   | 24 +++++++++----------
 .../table-list/CardModeRenderer.tsx           |  1 +
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/frontend/components/unified/UnifiedList.tsx b/frontend/components/unified/UnifiedList.tsx
index e159ec9d..dcb8d7df 100644
--- a/frontend/components/unified/UnifiedList.tsx
+++ b/frontend/components/unified/UnifiedList.tsx
@@ -57,24 +57,23 @@ export const UnifiedList = forwardRef<HTMLDivElement, UnifiedListProps>((props,
         columns: tableColumns,
         displayMode: config.viewMode === "card" ? "card" : "table",
         cardConfig: {
-          idColumn: tableColumns[0]?.columnName || "id",
-          titleColumn: tableColumns[0]?.columnName || "",
-          subtitleColumn: undefined,
-          descriptionColumn: undefined,
-          imageColumn: undefined,
-          cardsPerRow: 3,
+          idColumn: config.cardConfig?.titleColumn || tableColumns[0]?.columnName || "id",
+          titleColumn: config.cardConfig?.titleColumn || tableColumns[0]?.columnName || "",
+          subtitleColumn: config.cardConfig?.subtitleColumn || undefined,
+          descriptionColumn: config.cardConfig?.descriptionColumn || undefined,
+          imageColumn: config.cardConfig?.imageColumn || undefined,
+          cardsPerRow: config.cardConfig?.cardsPerRow || 3,
           cardSpacing: 16,
           showActions: false,
-          ...config.cardConfig,
         },
-        showHeader: true,
+        showHeader: config.viewMode !== "card", // 카드 모드에서는 테이블 헤더 숨김
         showFooter: false,
         checkbox: {
           enabled: !!onRowSelect,
           position: "left" as const,
           showHeader: true,
         },
-        height: "fixed" as const,
+        height: "auto" as const, // auto로 변경하여 스크롤 가능하게
         autoWidth: true,
         stickyHeader: true,
         autoLoad: true,
@@ -91,7 +90,7 @@ export const UnifiedList = forwardRef<HTMLDivElement, UnifiedListProps>((props,
           pageSizeOptions: [5, 10, 20, 50, 100],
         },
         filter: {
-          enabled: config.searchable !== false,
+          enabled: false, // 필터 비활성화 (필요시 활성화)
           position: "top" as const,
           searchPlaceholder: "검색...",
         },
@@ -147,7 +146,7 @@ export const UnifiedList = forwardRef<HTMLDivElement, UnifiedListProps>((props,
     <div
       ref={ref}
       id={id}
-      className="flex flex-col overflow-hidden"
+      className="flex flex-col overflow-auto"
       style={{
         width: size?.width || style?.width || "100%",
         height: size?.height || style?.height || 400,
@@ -158,10 +157,9 @@ export const UnifiedList = forwardRef<HTMLDivElement, UnifiedListProps>((props,
         tableName={tableName}
         style={{
           width: "100%",
-          height: "100%",
+          minHeight: "100%",
           display: "flex",
           flexDirection: "column",
-          overflow: "hidden",
         }}
         onSelectedRowsChange={
           onRowSelect
diff --git a/frontend/lib/registry/components/table-list/CardModeRenderer.tsx b/frontend/lib/registry/components/table-list/CardModeRenderer.tsx
index f80eee19..2676bed6 100644
--- a/frontend/lib/registry/components/table-list/CardModeRenderer.tsx
+++ b/frontend/lib/registry/components/table-list/CardModeRenderer.tsx
@@ -49,6 +49,7 @@ export const CardModeRenderer: React.FC<CardModeRendererProps> = ({
     gridTemplateColumns: `repeat(${config.cardsPerRow}, 1fr)`,
     gap: `${config.cardSpacing}px`,
     padding: `${config.cardSpacing}px`,
+    overflow: "auto",
   };
 
   // 카드 높이 스타일