feat: 파일 정보 조회 API 추가 및 파일 업로드 컴포넌트 개선

- 파일 정보 조회를 위한 getFileInfo 함수를 추가하여, 파일의 메타데이터를 공개 접근으로 조회할 수 있도록 하였습니다.
- 파일 업로드 컴포넌트에서 파일 아이콘 매핑 및 파일 미리보기 기능을 개선하여 사용자 경험을 향상시켰습니다.
- V2 파일 업로드 컴포넌트의 설정 패널을 추가하여, 파일 업로드 관련 설정을 보다 쉽게 관리할 수 있도록 하였습니다.
- 파일 뷰어 모달을 추가하여 다양한 파일 형식의 미리보기를 지원합니다.

frontend/components/v2/V2Media.tsx

@@ -124,7 +124,8 @@ export const V2Media = forwardRef<HTMLDivElement, V2MediaProps>(
     const isRecordMode = !!(formData?.id && !String(formData.id).startsWith('temp_'));
     const recordTableName = formData?.tableName || tableName;
     const recordId = formData?.id;
-    const effectiveColumnName = isRecordMode ? 'attachments' : (columnName || id || 'attachments');
+    // 🔑 columnName 우선 사용 (실제 DB 컬럼명), 없으면 id, 최후에 attachments
+    const effectiveColumnName = columnName || id || 'attachments';
 
     // 레코드용 targetObjid 생성
     const getRecordTargetObjid = useCallback(() => {
@@ -471,13 +472,21 @@ export const V2Media = forwardRef<HTMLDivElement, V2MediaProps>(
 
             // 폼 데이터 업데이트 - 부모 컴포넌트 시그니처에 맞게 (fieldName, value) 형식
             if (onFormDataChange && targetColumn) {
+              // 🔑 단일 파일: 첫 번째 objid만 전달 (DB 컬럼에 저장될 값)
+              // 복수 파일: 콤마 구분 문자열로 전달
+              const formValue = config.multiple 
+                ? fileIds.join(',') 
+                : (fileIds[0] || '');
+              
               console.log("📝 [V2Media] formData 업데이트:", {
                 columnName: targetColumn,
                 fileIds,
+                formValue,
+                isMultiple: config.multiple,
                 isRecordMode: effectiveIsRecordMode,
               });
               // (fieldName: string, value: any) 형식으로 호출
-              onFormDataChange(targetColumn, fileIds);
+              onFormDataChange(targetColumn, formValue);
             }
 
             // 그리드 파일 상태 새로고침 이벤트 발생
@@ -601,12 +610,19 @@ export const V2Media = forwardRef<HTMLDivElement, V2MediaProps>(
 
           // 폼 데이터 업데이트 - 부모 컴포넌트 시그니처에 맞게 (fieldName, value) 형식
           if (onFormDataChange && targetColumn) {
+            // 🔑 단일 파일: 첫 번째 objid만 전달 (DB 컬럼에 저장될 값)
+            // 복수 파일: 콤마 구분 문자열로 전달
+            const formValue = config.multiple 
+              ? fileIds.join(',') 
+              : (fileIds[0] || '');
+            
             console.log("🗑️ [V2Media] 삭제 후 formData 업데이트:", {
               columnName: targetColumn,
               fileIds,
+              formValue,
             });
             // (fieldName: string, value: any) 형식으로 호출
-            onFormDataChange(targetColumn, fileIds);
+            onFormDataChange(targetColumn, formValue);
           }
 
           toast.success(`${fileName} 삭제 완료`);