refactor: 품목기준관리 hooks 분리 및 다이얼로그 개선

- ItemMasterDataManagement 컴포넌트에서 hooks 분리
- 다이얼로그 컴포넌트들 타입 및 구조 개선
- BOMManagementSection 개선
- HierarchyTab 업데이트

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/items/ItemMasterDataManagement/dialogs/MasterFieldDialog.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { Button } from '@/components/ui/button';
 import { Label } from '@/components/ui/label';
@@ -79,23 +80,45 @@ export function MasterFieldDialog({
   handleUpdateMasterField,
   handleAddMasterField,
 }: MasterFieldDialogProps) {
+  const [isSubmitted, setIsSubmitted] = useState(false);
+
+  // 유효성 검사
+  const isNameEmpty = !newMasterFieldName.trim();
+  const isKeyEmpty = !newMasterFieldKey.trim();
+
+  const handleClose = () => {
+    setIsMasterFieldDialogOpen(false);
+    setEditingMasterFieldId(null);
+    setNewMasterFieldName('');
+    setNewMasterFieldKey('');
+    setNewMasterFieldInputType('textbox');
+    setNewMasterFieldRequired(false);
+    setNewMasterFieldCategory('공통');
+    setNewMasterFieldDescription('');
+    setNewMasterFieldOptions('');
+    setNewMasterFieldAttributeType('custom');
+    setNewMasterFieldMultiColumn(false);
+    setNewMasterFieldColumnCount(2);
+    setNewMasterFieldColumnNames(['컬럼1', '컬럼2']);
+    setIsSubmitted(false);
+  };
+
+  const handleSubmit = () => {
+    setIsSubmitted(true);
+    if (!isNameEmpty && !isKeyEmpty) {
+      if (editingMasterFieldId) {
+        handleUpdateMasterField();
+      } else {
+        handleAddMasterField();
+      }
+      setIsSubmitted(false);
+    }
+  };
+
   return (
     <Dialog open={isMasterFieldDialogOpen} onOpenChange={(open) => {
-      setIsMasterFieldDialogOpen(open);
-      if (!open) {
-        setEditingMasterFieldId(null);
-        setNewMasterFieldName('');
-        setNewMasterFieldKey('');
-        setNewMasterFieldInputType('textbox');
-        setNewMasterFieldRequired(false);
-        setNewMasterFieldCategory('공통');
-        setNewMasterFieldDescription('');
-        setNewMasterFieldOptions('');
-        setNewMasterFieldAttributeType('custom');
-        setNewMasterFieldMultiColumn(false);
-        setNewMasterFieldColumnCount(2);
-        setNewMasterFieldColumnNames(['컬럼1', '컬럼2']);
-      }
+      if (!open) handleClose();
+      else setIsMasterFieldDialogOpen(open);
     }}>
       <DialogContent className="max-w-[95vw] sm:max-w-2xl max-h-[90vh] overflow-y-auto">
         <DialogHeader>
@@ -112,7 +135,11 @@ export function MasterFieldDialog({
                 value={newMasterFieldName}
                 onChange={(e) => setNewMasterFieldName(e.target.value)}
                 placeholder="예: 품목명"
+                className={isSubmitted && isNameEmpty ? 'border-red-500 focus-visible:ring-red-500' : ''}
               />
+              {isSubmitted && isNameEmpty && (
+                <p className="text-xs text-red-500 mt-1">항목명을 입력해주세요</p>
+              )}
             </div>
             <div>
               <Label>필드 키 *</Label>
@@ -120,7 +147,11 @@ export function MasterFieldDialog({
                 value={newMasterFieldKey}
                 onChange={(e) => setNewMasterFieldKey(e.target.value)}
                 placeholder="예: itemName"
+                className={isSubmitted && isKeyEmpty ? 'border-red-500 focus-visible:ring-red-500' : ''}
               />
+              {isSubmitted && isKeyEmpty && (
+                <p className="text-xs text-red-500 mt-1">필드 키를 입력해주세요</p>
+              )}
             </div>
           </div>
 
@@ -251,8 +282,8 @@ export function MasterFieldDialog({
           )}
         </div>
         <DialogFooter>
-          <Button variant="outline" onClick={() => setIsMasterFieldDialogOpen(false)}>취소</Button>
-          <Button onClick={editingMasterFieldId ? handleUpdateMasterField : handleAddMasterField}>
+          <Button variant="outline" onClick={handleClose}>취소</Button>
+          <Button onClick={handleSubmit}>
             {editingMasterFieldId ? '수정' : '추가'}
           </Button>
         </DialogFooter>