Fix budget update issues

Addresses delayed notifications and data loss after budget updates and page transitions.

src/contexts/budget/hooks/useCategoryBudgetState.ts

@@ -11,14 +11,26 @@ export const useCategoryBudgetState = () => {
   const [categoryBudgets, setCategoryBudgets] = useState<Record<string, number>>(
     loadCategoryBudgetsFromStorage()
   );
+  const [isInitialized, setIsInitialized] = useState(false);
 
   // 초기 로드 및 이벤트 리스너 설정
   useEffect(() => {
     const loadCategories = () => {
-      console.log('카테고리 예산 로드 시도 중...');
-      const loaded = loadCategoryBudgetsFromStorage();
-      console.log('카테고리 예산 로드됨:', loaded);
-      setCategoryBudgets(loaded);
+      try {
+        console.log('카테고리 예산 로드 시도 중...');
+        const loaded = loadCategoryBudgetsFromStorage();
+        console.log('카테고리 예산 로드됨:', loaded);
+        setCategoryBudgets(loaded);
+        
+        // 최근 데이터 로드 시간 기록
+        localStorage.setItem('lastCategoryBudgetLoadTime', new Date().toISOString());
+        
+        if (!isInitialized) {
+          setIsInitialized(true);
+        }
+      } catch (error) {
+        console.error('카테고리 예산 로드 중 오류:', error);
+      }
     };
     
     // 초기 로드
@@ -34,30 +46,60 @@ export const useCategoryBudgetState = () => {
     
     window.addEventListener('categoryBudgetsUpdated', () => handleCategoryUpdate());
     window.addEventListener('storage', handleCategoryUpdate);
+    window.addEventListener('visibilitychange', () => {
+      if (document.visibilityState === 'visible') {
+        console.log('페이지 보임: 카테고리 예산 새로고침');
+        loadCategories();
+      }
+    });
     window.addEventListener('focus', () => {
       console.log('창 포커스: 카테고리 예산 새로고침');
       loadCategories();
     });
     
+    // 주기적 데이터 검사
+    const intervalId = setInterval(() => {
+      const lastSaveTime = localStorage.getItem('lastCategoryBudgetSaveTime');
+      const lastLoadTime = localStorage.getItem('lastCategoryBudgetLoadTime');
+      
+      if (lastSaveTime && lastLoadTime && new Date(lastSaveTime) > new Date(lastLoadTime)) {
+        console.log('새로운 카테고리 저장 감지됨, 데이터 다시 로드...');
+        loadCategories();
+      }
+    }, 1000);
+    
     return () => {
       window.removeEventListener('categoryBudgetsUpdated', () => handleCategoryUpdate());
       window.removeEventListener('storage', handleCategoryUpdate);
+      window.removeEventListener('visibilitychange', () => {});
       window.removeEventListener('focus', () => loadCategories());
+      clearInterval(intervalId);
     };
-  }, []);
+  }, [isInitialized]);
 
   // 카테고리 예산 업데이트 함수
   const updateCategoryBudgets = useCallback((newCategoryBudgets: Record<string, number>) => {
-    console.log('카테고리 예산 업데이트:', newCategoryBudgets);
-    setCategoryBudgets(newCategoryBudgets);
-    saveCategoryBudgetsToStorage(newCategoryBudgets);
+    try {
+      console.log('카테고리 예산 업데이트:', newCategoryBudgets);
+      setCategoryBudgets(newCategoryBudgets);
+      saveCategoryBudgetsToStorage(newCategoryBudgets);
+      
+      // 저장 시간 업데이트
+      localStorage.setItem('lastCategoryBudgetSaveTime', new Date().toISOString());
+    } catch (error) {
+      console.error('카테고리 예산 업데이트 중 오류:', error);
+    }
   }, []);
 
   // 카테고리 예산 초기화 함수
   const resetCategoryBudgets = useCallback(() => {
-    console.log('카테고리 예산 초기화');
-    clearAllCategoryBudgets();
-    setCategoryBudgets(loadCategoryBudgetsFromStorage());
+    try {
+      console.log('카테고리 예산 초기화');
+      clearAllCategoryBudgets();
+      setCategoryBudgets(loadCategoryBudgetsFromStorage());
+    } catch (error) {
+      console.error('카테고리 예산 초기화 중 오류:', error);
+    }
   }, []);
 
   // 카테고리 예산 변경 시 로그 기록