문서뷰어기능구현

frontend/components/screen/InteractiveScreenViewer.tsx

@@ -42,6 +42,7 @@ import { enhancedFormService } from "@/lib/services/enhancedFormService";
 import { FormValidationIndicator } from "@/components/common/FormValidationIndicator";
 import { useFormValidation } from "@/hooks/useFormValidation";
 import { UnifiedColumnInfo as ColumnInfo } from "@/types";
+import { isFileComponent } from "@/lib/utils/componentTypeUtils";
 
 interface InteractiveScreenViewerProps {
   component: ComponentData;
@@ -771,11 +772,17 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
         
         const currentValue = getCurrentValue();
 
+        // 화면 ID 추출 (URL에서)
+        const screenId = typeof window !== 'undefined' && window.location.pathname.includes('/screens/') 
+          ? parseInt(window.location.pathname.split('/screens/')[1]) 
+          : null;
+
         console.log("📁 InteractiveScreenViewer - File 위젯:", {
           componentId: widget.id,
           widgetType: widget.widgetType,
           config,
           currentValue,
+          screenId,
           appliedSettings: {
             accept: config?.accept,
             multiple: config?.multiple,
@@ -1572,7 +1579,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
   };
 
   // 파일 첨부 컴포넌트 처리
-  if (component.type === "file") {
+  if (isFileComponent(component)) {
     const fileComponent = component as FileComponent;
     
     console.log("🎯 File 컴포넌트 렌더링:", {