diff --git a/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx b/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx
index 9f151509..0e438da6 100644
--- a/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx
+++ b/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx
@@ -138,6 +138,53 @@ const SelectBasicComponent: React.FC<SelectBasicComponentProps> = ({
     isFetching,
   } = useCodeOptions(codeCategory, isCodeCategoryValid, menuObjid);
 
+  // 🆕 카테고리 타입 (category webType)을 위한 옵션 로딩
+  const [categoryOptions, setCategoryOptions] = useState<Option[]>([]);
+  const [isLoadingCategories, setIsLoadingCategories] = useState(false);
+
+  useEffect(() => {
+    if (webType === "category" && component.tableName && component.columnName) {
+      console.log("🔍 [SelectBasic] 카테고리 값 로딩 시작:", {
+        tableName: component.tableName,
+        columnName: component.columnName,
+        webType,
+      });
+      
+      setIsLoadingCategories(true);
+      
+      import("@/lib/api/tableCategoryValue").then(({ getCategoryValues }) => {
+        getCategoryValues(component.tableName!, component.columnName!)
+          .then((response) => {
+            console.log("🔍 [SelectBasic] 카테고리 API 응답:", response);
+            
+            if (response.success && response.data) {
+              const activeValues = response.data.filter((v) => v.isActive !== false);
+              const options = activeValues.map((v) => ({
+                value: v.categoryValue,
+                label: v.categoryLabel || v.categoryValue,
+              }));
+              
+              console.log("✅ [SelectBasic] 카테고리 옵션 설정:", {
+                activeValuesCount: activeValues.length,
+                options,
+                sampleOption: options[0],
+              });
+              
+              setCategoryOptions(options);
+            } else {
+              console.error("❌ [SelectBasic] 카테고리 응답 실패:", response);
+            }
+          })
+          .catch((error) => {
+            console.error("❌ [SelectBasic] 카테고리 값 조회 실패:", error);
+          })
+          .finally(() => {
+            setIsLoadingCategories(false);
+          });
+      });
+    }
+  }, [webType, component.tableName, component.columnName]);
+
   // 디버깅: menuObjid가 제대로 전달되는지 확인
   useEffect(() => {
     if (codeCategory && codeCategory !== "none") {
@@ -176,7 +223,7 @@ const SelectBasicComponent: React.FC<SelectBasicComponentProps> = ({
   useEffect(() => {
     const getAllOptions = () => {
       const configOptions = config.options || [];
-      return [...codeOptions, ...configOptions];
+      return [...codeOptions, ...categoryOptions, ...configOptions];
     };
 
     const options = getAllOptions();
@@ -252,12 +299,24 @@ const SelectBasicComponent: React.FC<SelectBasicComponentProps> = ({
   // 모든 옵션 가져오기
   const getAllOptions = () => {
     const configOptions = config.options || [];
-    return [...codeOptions, ...configOptions];
+    return [...codeOptions, ...categoryOptions, ...configOptions];
   };
 
   const allOptions = getAllOptions();
   const placeholder = componentConfig.placeholder || "선택하세요";
 
+  // 🔍 디버깅: 최종 옵션 확인
+  useEffect(() => {
+    if (webType === "category" && allOptions.length > 0) {
+      console.log("🔍 [SelectBasic] 최종 allOptions:", {
+        count: allOptions.length,
+        categoryOptionsCount: categoryOptions.length,
+        codeOptionsCount: codeOptions.length,
+        sampleOptions: allOptions.slice(0, 3),
+      });
+    }
+  }, [webType, allOptions.length, categoryOptions.length, codeOptions.length]);
+
   // DOM props에서 React 전용 props 필터링
   const {
     component: _component,
@@ -590,7 +649,7 @@ const SelectBasicComponent: React.FC<SelectBasicComponentProps> = ({
           </div>
           {isOpen && !isDesignMode && (
             <div className="absolute z-[99999] mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-300 bg-white shadow-lg">
-              {isLoadingCodes ? (
+              {(isLoadingCodes || isLoadingCategories) ? (
                 <div className="bg-white px-3 py-2 text-gray-900">로딩 중...</div>
               ) : allOptions.length > 0 ? (
                 allOptions.map((option, index) => {