화면관리 ui개선 및 파일업로드 설정

frontend/lib/registry/components/checkbox-basic/CheckboxBasicComponent.tsx

@@ -135,7 +135,7 @@ export const CheckboxBasicComponent: React.FC<CheckboxBasicComponentProps> = ({
                 checked={checkedValues.includes(option.value)}
                 onChange={(e) => handleGroupChange(option.value, e.target.checked)}
                 disabled={componentConfig.disabled || isDesignMode}
-                className="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
+                className="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-0 focus:outline-none"
               />
               <span className="text-sm text-gray-900">{option.label}</span>
             </label>
@@ -146,13 +146,7 @@ export const CheckboxBasicComponent: React.FC<CheckboxBasicComponentProps> = ({
 
     // checkbox (기본 체크박스)
     return (
-      <label
-        className={cn(
-          "flex h-full w-full cursor-pointer items-center gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3",
-          "transition-all hover:border-orange-400 hover:shadow-md",
-          isSelected && "ring-2 ring-orange-500",
-        )}
-      >
+      <label className="flex h-full w-full cursor-pointer items-center gap-3">
         <input
           type="checkbox"
           checked={isChecked}

frontend/lib/registry/components/checkbox-basic/index.ts

@@ -23,7 +23,7 @@ export const CheckboxBasicDefinition = createComponentDefinition({
   defaultConfig: {
     placeholder: "입력하세요",
   },
-  defaultSize: { width: 150, height: 32 },
+  defaultSize: { width: 150, height: 120 }, // 40 * 3 (3개 옵션)
   configPanel: CheckboxBasicConfigPanel,
   icon: "Edit",
   tags: [],