라벨표시 수정

frontend/lib/registry/components/file-upload/FileUploadComponent.tsx

@@ -77,7 +77,7 @@ export const FileUploadComponent: React.FC<FileUploadComponentProps> = ({
   return (
     <div style={componentStyle} className={className} {...domProps}>
       {/* 라벨 렌더링 */}
-      {component.label && (
+      {component.label && component.style?.labelDisplay !== false && (
         <label
           style={{
             position: "absolute",
@@ -91,15 +91,23 @@ export const FileUploadComponent: React.FC<FileUploadComponentProps> = ({
           }}
         >
           {component.label}
-          {component.required && <span style={{color: "#ef4444",
-            // isInteractive 모드에서는 사용자 스타일 우선 적용
-            ...(isInteractive && component.style ? component.style : {}),
-          }}>*</span>}
+          {component.required && (
+            <span
+              style={{
+                color: "#ef4444",
+                // isInteractive 모드에서는 사용자 스타일 우선 적용
+                ...(isInteractive && component.style ? component.style : {}),
+              }}
+            >
+              *
+            </span>
+          )}
         </label>
       )}
 
       <div
-        style={{width: "100%",
+        style={{
+          width: "100%",
           height: "100%",
           border: "2px dashed #d1d5db",
           borderRadius: "8px",
@@ -110,9 +118,9 @@ export const FileUploadComponent: React.FC<FileUploadComponentProps> = ({
           cursor: "pointer",
           backgroundColor: "#f9fafb",
           position: "relative",
-            // isInteractive 모드에서는 사용자 스타일 우선 적용
-            ...(isInteractive && component.style ? component.style : {}),
-          }}
+          // isInteractive 모드에서는 사용자 스타일 우선 적용
+          ...(isInteractive && component.style ? component.style : {}),
+        }}
         onClick={handleClick}
         onDragStart={onDragStart}
         onDragEnd={onDragEnd}
@@ -139,22 +147,42 @@ export const FileUploadComponent: React.FC<FileUploadComponentProps> = ({
             }
           }}
         />
-        <div style={{textAlign: "center", color: "#6b7280", fontSize: "14px",
+        <div
+          style={{
+            textAlign: "center",
+            color: "#6b7280",
+            fontSize: "14px",
             // isInteractive 모드에서는 사용자 스타일 우선 적용
             ...(isInteractive && component.style ? component.style : {}),
-          }}>
-          <div style={{fontSize: "24px", marginBottom: "8px",
-            // isInteractive 모드에서는 사용자 스타일 우선 적용
-            ...(isInteractive && component.style ? component.style : {}),
-          }}>📁</div>
-          <div style={{fontWeight: "500",
-            // isInteractive 모드에서는 사용자 스타일 우선 적용
-            ...(isInteractive && component.style ? component.style : {}),
-          }}>파일을 선택하거나 드래그하세요</div>
-          <div style={{fontSize: "12px", marginTop: "4px",
-            // isInteractive 모드에서는 사용자 스타일 우선 적용
-            ...(isInteractive && component.style ? component.style : {}),
-          }}>
+          }}
+        >
+          <div
+            style={{
+              fontSize: "24px",
+              marginBottom: "8px",
+              // isInteractive 모드에서는 사용자 스타일 우선 적용
+              ...(isInteractive && component.style ? component.style : {}),
+            }}
+          >
+            📁
+          </div>
+          <div
+            style={{
+              fontWeight: "500",
+              // isInteractive 모드에서는 사용자 스타일 우선 적용
+              ...(isInteractive && component.style ? component.style : {}),
+            }}
+          >
+            파일을 선택하거나 드래그하세요
+          </div>
+          <div
+            style={{
+              fontSize: "12px",
+              marginTop: "4px",
+              // isInteractive 모드에서는 사용자 스타일 우선 적용
+              ...(isInteractive && component.style ? component.style : {}),
+            }}
+          >
             {componentConfig.accept && `지원 형식: ${componentConfig.accept}`}
           </div>
         </div>