파일 삭제기능 구현

frontend/components/screen/widgets/FileUpload.tsx

@@ -239,8 +239,9 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
 
       const formData = new FormData();
       formData.append("files", file);
-      formData.append("docType", fileConfig.docType);
-      formData.append("docTypeName", fileConfig.docTypeName);
+      // 🎯 컴포넌트 ID를 doc_type으로 사용하여 파일 컴포넌트별로 구분
+      formData.append("docType", component.id);
+      formData.append("docTypeName", component.label || fileConfig.docTypeName);
 
       // 🎯 최신 사용자 정보 참조 (ref를 통해 실시간 값 접근)
       const currentUser = userRef.current;
@@ -487,22 +488,14 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
   const deleteFile = async (fileInfo: AttachedFileInfo) => {
     console.log("🗑️ 파일 삭제:", fileInfo.realFileName);
     try {
-      // 실제 API 호출 (논리적 삭제)
-      const response = await fetch(`/api/files/${fileInfo.objid}`, {
-        method: "DELETE",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
+      // 실제 API 호출 (논리적 삭제) - apiClient 사용으로 JWT 토큰 자동 추가
+      const response = await apiClient.delete(`/files/${fileInfo.objid}`, {
+        data: {
           writer: fileInfo.writer || "current_user",
-        }),
+        },
       });
 
-      if (!response.ok) {
-        throw new Error(`파일 삭제 실패: ${response.status}`);
-      }
-
-      const result = await response.json();
+      const result = response.data;
       console.log("📡 파일 삭제 API 응답:", result);
 
       if (!result.success) {