get요청 db 저장기능

frontend/components/dataflow/external-call/DataMappingSettings.tsx

@@ -30,6 +30,7 @@ interface DataMappingSettingsProps {
   httpMethod: string;
   availableTables?: TableInfo[];
   readonly?: boolean;
+  tablesLoading?: boolean;
 }
 
 export const DataMappingSettings: React.FC<DataMappingSettingsProps> = ({
@@ -38,6 +39,7 @@ export const DataMappingSettings: React.FC<DataMappingSettingsProps> = ({
   httpMethod,
   availableTables = [],
   readonly = false,
+  tablesLoading = false,
 }) => {
   const [localConfig, setLocalConfig] = useState<DataMappingConfig>(config);
 
@@ -228,17 +230,27 @@ export const DataMappingSettings: React.FC<DataMappingSettingsProps> = ({
                     <Select
                       value={localConfig.inboundMapping?.targetTable || ""}
                       onValueChange={(value) => handleInboundMappingChange({ targetTable: value })}
-                      disabled={readonly}
+                      disabled={readonly || tablesLoading}
                     >
                       <SelectTrigger>
-                        <SelectValue placeholder="저장할 테이블을 선택하세요" />
+                        <SelectValue placeholder={tablesLoading ? "테이블 목록 로딩 중..." : "저장할 테이블을 선택하세요"} />
                       </SelectTrigger>
                       <SelectContent>
-                        {availableTables.map((table) => (
-                          <SelectItem key={table.name} value={table.name}>
-                            {table.displayName || table.name}
+                        {tablesLoading ? (
+                          <SelectItem value="" disabled>
+                            테이블 목록 로딩 중...
                           </SelectItem>
-                        ))}
+                        ) : availableTables.length === 0 ? (
+                          <SelectItem value="" disabled>
+                            사용 가능한 테이블이 없습니다
+                          </SelectItem>
+                        ) : (
+                          availableTables.map((table) => (
+                            <SelectItem key={table.name} value={table.name}>
+                              {table.displayName || table.name}
+                            </SelectItem>
+                          ))
+                        )}
                       </SelectContent>
                     </Select>
                   </div>