null로 저장되게 성공시킴

frontend/components/admin/RestApiConnectionModal.tsx

@@ -226,7 +226,7 @@ export function RestApiConnectionModal({ isOpen, onClose, onSave, connection }:
         endpoint_path: endpointPath || undefined,
         default_headers: defaultHeaders,
         default_method: defaultMethod,
-        default_body: defaultBody || undefined,
+        default_body: defaultBody.trim() || null, // 빈 문자열이면 null로 전송하여 DB 업데이트
         auth_type: authType,
         auth_config: authType === "none" ? undefined : authConfig,
         timeout,
@@ -236,6 +236,13 @@ export function RestApiConnectionModal({ isOpen, onClose, onSave, connection }:
         is_active: isActive ? "Y" : "N",
       };
 
+      console.log("저장하려는 데이터:", {
+        connection_name: connectionName,
+        default_method: defaultMethod,
+        endpoint_path: endpointPath,
+        base_url: baseUrl,
+      });
+
       if (connection?.id) {
         await ExternalRestApiConnectionAPI.updateConnection(connection.id, data);
         toast({
@@ -303,7 +310,13 @@ export function RestApiConnectionModal({ isOpen, onClose, onSave, connection }:
                 기본 URL <span className="text-destructive">*</span>
               </Label>
               <div className="flex gap-2">
-                <Select value={defaultMethod} onValueChange={setDefaultMethod}>
+                <Select 
+                  value={defaultMethod} 
+                  onValueChange={(val) => { 
+                    setDefaultMethod(val);
+                    setTestMethod(val); // 테스트 Method도 동기화
+                  }}
+                >
                   <SelectTrigger className="w-[100px]">
                     <SelectValue placeholder="Method" />
                   </SelectTrigger>

frontend/components/screen/ScreenDesigner.tsx

@@ -66,6 +66,7 @@ const calculateGridInfo = (width: number, height: number, settings: any) => {
 import { GroupingToolbar } from "./GroupingToolbar";
 import { screenApi, tableTypeApi } from "@/lib/api/screen";
 import { tableManagementApi } from "@/lib/api/tableManagement";
+import { ExternalRestApiConnectionAPI } from "@/lib/api/externalRestApiConnection";
 import { toast } from "sonner";
 import { MenuAssignmentModal } from "./MenuAssignmentModal";
 import { FileAttachmentDetailModal } from "./FileAttachmentDetailModal";
@@ -835,9 +836,52 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
     }
   }, []);
 
-  // 화면의 기본 테이블 정보 로드 (원래대로 복원)
+  // 화면의 기본 테이블/REST API 정보 로드
   useEffect(() => {
-    const loadScreenTable = async () => {
+    const loadScreenDataSource = async () => {
+      // REST API 데이터 소스인 경우
+      if (selectedScreen?.dataSourceType === "restapi" && selectedScreen?.restApiConnectionId) {
+        try {
+          const restApiData = await ExternalRestApiConnectionAPI.fetchData(
+            selectedScreen.restApiConnectionId,
+            selectedScreen.restApiEndpoint,
+            selectedScreen.restApiJsonPath || "data",
+          );
+
+          // REST API 응답에서 컬럼 정보 생성
+          const columns: ColumnInfo[] = restApiData.columns.map((col) => ({
+            tableName: `restapi_${selectedScreen.restApiConnectionId}`,
+            columnName: col.columnName,
+            columnLabel: col.columnLabel,
+            dataType: col.dataType === "string" ? "varchar" : col.dataType === "number" ? "numeric" : col.dataType,
+            webType: col.dataType === "number" ? "number" : "text",
+            input_type: "text",
+            widgetType: col.dataType === "number" ? "number" : "text",
+            isNullable: "YES",
+            required: false,
+          }));
+
+          const tableInfo: TableInfo = {
+            tableName: `restapi_${selectedScreen.restApiConnectionId}`,
+            tableLabel: restApiData.connectionInfo.connectionName || "REST API 데이터",
+            columns,
+          };
+
+          setTables([tableInfo]);
+          console.log("REST API 데이터 소스 로드 완료:", {
+            connectionName: restApiData.connectionInfo.connectionName,
+            columnsCount: columns.length,
+            rowsCount: restApiData.total,
+          });
+        } catch (error) {
+          console.error("REST API 데이터 소스 로드 실패:", error);
+          toast.error("REST API 데이터를 불러오는데 실패했습니다.");
+          setTables([]);
+        }
+        return;
+      }
+
+      // 데이터베이스 데이터 소스인 경우 (기존 로직)
       const tableName = selectedScreen?.tableName;
       if (!tableName) {
         setTables([]);
@@ -859,16 +903,6 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
         const columns: ColumnInfo[] = (columnsResponse || []).map((col: any) => {
           const widgetType = col.widgetType || col.widget_type || col.webType || col.web_type;
 
-          // 🔍 이미지 타입 디버깅
-          // if (widgetType === "image" || col.webType === "image" || col.web_type === "image") {
-          //   console.log("🖼️ 이미지 컬럼 발견:", {
-          //     columnName: col.columnName || col.column_name,
-          //     widgetType,
-          //     webType: col.webType || col.web_type,
-          //     rawData: col,
-          //   });
-          // }
-
           return {
             tableName: col.tableName || tableName,
             columnName: col.columnName || col.column_name,
@@ -899,8 +933,8 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
       }
     };
 
-    loadScreenTable();
-  }, [selectedScreen?.tableName, selectedScreen?.screenName]);
+    loadScreenDataSource();
+  }, [selectedScreen?.tableName, selectedScreen?.screenName, selectedScreen?.dataSourceType, selectedScreen?.restApiConnectionId, selectedScreen?.restApiEndpoint, selectedScreen?.restApiJsonPath]);
 
   // 화면 레이아웃 로드
   useEffect(() => {