feat: 카테고리 기반 코드 생성 로직 추가 및 로깅 개선

- NumberingRuleService에서 카테고리 파트를 처리하여 올바른 템플릿을 생성하도록 개선하였습니다.
- allocateCode 함수에서 카테고리 기반 코드 생성을 위한 로직을 추가하고, 관련 로깅을 강화하여 디버깅을 용이하게 하였습니다.
- EditModal 및 V2Input 컴포넌트에서 formData를 로깅하여 채번 규칙 할당 시의 상태를 명확히 기록하도록 하였습니다.
- V2CategoryManagerComponent에서 스크롤 가능하도록 UI를 개선하여 사용자 경험을 향상시켰습니다.

backend-node/src/services/numberingRuleService.ts

@@ -1038,6 +1038,7 @@ class NumberingRuleService {
       
       if (manualParts.length > 0 && userInputCode) {
         // 프리뷰 코드를 생성해서 ____ 위치 파악
+        // 🔧 category 파트도 처리하여 올바른 템플릿 생성
         const previewParts = rule.parts
           .sort((a: any, b: any) => a.order - b.order)
           .map((part: any) => {
@@ -1054,6 +1055,35 @@ class NumberingRuleService {
                 return autoConfig.textValue || "";
               case "date":
                 return "DATEPART"; // 날짜 자리 표시
+              case "category": {
+                // 카테고리 파트: formData에서 실제 값을 가져와서 매핑된 형식 사용
+                const categoryKey = autoConfig.categoryKey;
+                const categoryMappings = autoConfig.categoryMappings || [];
+                
+                if (!categoryKey || !formData) {
+                  return "CATEGORY"; // 폴백
+                }
+                
+                const columnName = categoryKey.includes(".") 
+                  ? categoryKey.split(".")[1] 
+                  : categoryKey;
+                const selectedValue = formData[columnName];
+                
+                if (!selectedValue) {
+                  return "CATEGORY"; // 폴백
+                }
+                
+                const selectedValueStr = String(selectedValue);
+                const mapping = categoryMappings.find(
+                  (m: any) => {
+                    if (m.categoryValueId?.toString() === selectedValueStr) return true;
+                    if (m.categoryValueLabel === selectedValueStr) return true;
+                    return false;
+                  }
+                );
+                
+                return mapping?.format || "CATEGORY";
+              }
               default:
                 return "";
             }
@@ -1165,6 +1195,68 @@ class NumberingRuleService {
               return autoConfig.textValue || "TEXT";
             }
 
+            case "category": {
+              // 카테고리 기반 코드 생성 (allocateCode용)
+              const categoryKey = autoConfig.categoryKey; // 예: "item_info.material"
+              const categoryMappings = autoConfig.categoryMappings || [];
+              
+              if (!categoryKey || !formData) {
+                logger.warn("allocateCode: 카테고리 키 또는 폼 데이터 없음", { categoryKey, hasFormData: !!formData });
+                return "";
+              }
+              
+              // categoryKey에서 컬럼명 추출 (예: "item_info.material" -> "material")
+              const columnName = categoryKey.includes(".") 
+                ? categoryKey.split(".")[1] 
+                : categoryKey;
+              
+              // 폼 데이터에서 해당 컬럼의 값 가져오기
+              const selectedValue = formData[columnName];
+              
+              logger.info("allocateCode: 카테고리 파트 처리", { 
+                categoryKey, 
+                columnName, 
+                selectedValue,
+                formDataKeys: Object.keys(formData),
+                mappingsCount: categoryMappings.length
+              });
+              
+              if (!selectedValue) {
+                logger.warn("allocateCode: 카테고리 값이 선택되지 않음", { columnName, formDataKeys: Object.keys(formData) });
+                return "";
+              }
+              
+              // 카테고리 매핑에서 해당 값에 대한 형식 찾기
+              const selectedValueStr = String(selectedValue);
+              const mapping = categoryMappings.find(
+                (m: any) => {
+                  // ID로 매칭
+                  if (m.categoryValueId?.toString() === selectedValueStr) return true;
+                  // 라벨로 매칭
+                  if (m.categoryValueLabel === selectedValueStr) return true;
+                  return false;
+                }
+              );
+              
+              if (mapping) {
+                logger.info("allocateCode: 카테고리 매핑 적용", { 
+                  selectedValue, 
+                  format: mapping.format,
+                  categoryValueLabel: mapping.categoryValueLabel 
+                });
+                return mapping.format || "";
+              }
+              
+              logger.warn("allocateCode: 카테고리 매핑을 찾을 수 없음", { 
+                selectedValue, 
+                availableMappings: categoryMappings.map((m: any) => ({ 
+                  id: m.categoryValueId, 
+                  label: m.categoryValueLabel 
+                }))
+              });
+              return "";
+            }
+
             default:
               logger.warn("알 수 없는 파트 타입", { partType: part.partType });
               return "";

frontend/components/screen/EditModal.tsx

@@ -769,7 +769,10 @@ export const EditModal: React.FC<EditModalProps> = ({ className }) => {
 
         // 채번 규칙이 있는 필드에 대해 allocateCode 호출
         if (Object.keys(fieldsWithNumbering).length > 0) {
-          console.log("🎯 [EditModal] 채번 규칙 할당 시작");
+          console.log("🎯 [EditModal] 채번 규칙 할당 시작, formData:", {
+            material: formData.material,  // 재질 값 로깅
+            allKeys: Object.keys(formData),
+          });
           const { allocateNumberingCode } = await import("@/lib/api/numberingRule");
 
           let hasAllocationFailure = false;

frontend/components/v2/V2Input.tsx

@@ -360,6 +360,10 @@ export const V2Input = forwardRef<HTMLDivElement, V2InputProps>((props, ref) =>
   // 채번 타입 자동생성 상태
   const [isGeneratingNumbering, setIsGeneratingNumbering] = useState(false);
   const hasGeneratedNumberingRef = useRef(false);
+  
+  // formData를 ref로 관리하여 closure 문제 해결 (채번 코드 생성 시 최신 값 사용)
+  const formDataRef = useRef(formData);
+  formDataRef.current = formData;
 
   // tableName 추출 (여러 소스에서 확인)
   // 1. props에서 직접 전달받은 값
@@ -565,8 +569,14 @@ export const V2Input = forwardRef<HTMLDivElement, V2InputProps>((props, ref) =>
           return;
         }
 
-        // 채번 코드 생성 (formData 전달하여 카테고리 값 기반 생성)
-        const previewResponse = await previewNumberingCode(numberingRuleId, formData);
+        // 채번 코드 생성 (formDataRef.current 사용하여 최신 formData 전달)
+        const currentFormData = formDataRef.current;
+        console.log("🔍 [V2Input] 채번 미리보기 호출:", { 
+          numberingRuleId, 
+          formDataKeys: Object.keys(currentFormData),
+          materialValue: currentFormData.material  // 재질 값 로깅
+        });
+        const previewResponse = await previewNumberingCode(numberingRuleId, currentFormData);
 
         if (previewResponse.success && previewResponse.data?.generatedCode) {
           const generatedCode = previewResponse.data.generatedCode;

frontend/lib/registry/components/v2-category-manager/V2CategoryManagerComponent.tsx

@@ -115,31 +115,36 @@ export function V2CategoryManagerComponent({
   }, []);
 
   return (
-    <div ref={containerRef} className="flex h-full min-h-[10px] gap-0" style={{ height: config.height }}>
-      {/* 좌측: 카테고리 컬럼 리스트 */}
+    <div ref={containerRef} className="flex h-full min-h-[10px] gap-0 overflow-hidden" style={{ height: config.height }}>
+      {/* 좌측: 카테고리 컬럼 리스트 - 스크롤 가능 */}
       {config.showColumnList && (
         <>
-          <div style={{ width: `${leftWidth}%` }} className="pr-3">
-            <CategoryColumnList
-              tableName={effectiveTableName}
-              selectedColumn={selectedColumn?.uniqueKey || null}
-              onColumnSelect={handleColumnSelect}
-              menuObjid={effectiveMenuObjid}
-            />
+          <div 
+            style={{ width: `${leftWidth}%` }} 
+            className="flex h-full flex-col overflow-hidden pr-3"
+          >
+            <div className="flex-1 overflow-y-auto">
+              <CategoryColumnList
+                tableName={effectiveTableName}
+                selectedColumn={selectedColumn?.uniqueKey || null}
+                onColumnSelect={handleColumnSelect}
+                menuObjid={effectiveMenuObjid}
+              />
+            </div>
           </div>
 
           {/* 리사이저 */}
           <div
             onMouseDown={handleMouseDown}
-            className="group hover:bg-accent/50 relative flex w-3 cursor-col-resize items-center justify-center border-r transition-colors"
+            className="group hover:bg-accent/50 relative flex h-full w-3 shrink-0 cursor-col-resize items-center justify-center border-r transition-colors"
           >
             <GripVertical className="text-muted-foreground group-hover:text-foreground h-4 w-4 transition-colors" />
           </div>
         </>
       )}
 
-      {/* 우측: 카테고리 값 관리 */}
-      <div style={{ width: config.showColumnList ? `${100 - leftWidth - 1}%` : "100%" }} className="flex flex-col pl-3">
+      {/* 우측: 카테고리 값 관리 - 고정 */}
+      <div style={{ width: config.showColumnList ? `${100 - leftWidth - 1}%` : "100%" }} className="flex h-full flex-col overflow-hidden pl-3">
         {/* 뷰 모드 토글 */}
         {config.showViewModeToggle && (
           <div className="mb-2 flex items-center justify-end gap-1">
@@ -167,8 +172,8 @@ export function V2CategoryManagerComponent({
           </div>
         )}
 
-        {/* 카테고리 값 관리 컴포넌트 */}
-        <div className="min-h-0 flex-1">
+        {/* 카테고리 값 관리 컴포넌트 - 스크롤 가능 */}
+        <div className="min-h-0 flex-1 overflow-y-auto">
           {selectedColumn ? (
             viewMode === "tree" ? (
               <CategoryValueManagerTree