화면관리의 테이블 리스트, 카드 디스플레이 수정

frontend/components/screen/ScreenDesigner.tsx

@@ -1809,6 +1809,25 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                   filters: [],
                   displayFormat: "simple" as const,
                 };
+              case "table":
+                return {
+                  tableName: "",
+                  displayMode: "table" as const,
+                  showHeader: true,
+                  showFooter: true,
+                  pagination: {
+                    enabled: true,
+                    pageSize: 10,
+                    showPageSizeSelector: true,
+                    showPageInfo: true,
+                    showFirstLast: true,
+                  },
+                  columns: [],
+                  searchable: true,
+                  sortable: true,
+                  filterable: true,
+                  exportable: true,
+                };
               default:
                 return undefined;
             }

frontend/components/screen/panels/ComponentsPanel.tsx

@@ -20,7 +20,30 @@ export function ComponentsPanel({ className }: ComponentsPanelProps) {
 
   // 레지스트리에서 모든 컴포넌트 조회
   const allComponents = useMemo(() => {
-    return ComponentRegistry.getAllComponents();
+    const components = ComponentRegistry.getAllComponents();
+    console.log("🔍 ComponentsPanel - 로드된 컴포넌트:", components.map(c => ({ id: c.id, name: c.name, category: c.category })));
+    
+    // 수동으로 table-list 컴포넌트 추가 (임시)
+    const hasTableList = components.some(c => c.id === 'table-list');
+    if (!hasTableList) {
+      console.log("⚠️ table-list 컴포넌트가 없어서 수동 추가");
+      components.push({
+        id: "table-list",
+        name: "테이블 리스트",
+        nameEng: "TableList Component", 
+        description: "데이터베이스 테이블의 데이터를 목록으로 표시하는 컴포넌트",
+        category: "display",
+        webType: "text",
+        defaultConfig: {},
+        defaultSize: { width: 800, height: 400 },
+        icon: "Table",
+        tags: ["테이블", "데이터", "목록", "그리드"],
+        version: "1.0.0",
+        author: "개발팀",
+      });
+    }
+    
+    return components;
   }, []);
 
   // 카테고리별 분류 (input 카테고리 제외)