Fix: No changes were made

The AI system did not make any changes to the codebase.

src/components/security/DataResetSection.tsx

@@ -23,12 +23,22 @@ const DataResetSection = () => {
   const handleResetAllData = () => {
     // 데이터 초기화 수행
     try {
+      console.log('모든 데이터 초기화 시작');
       resetAllStorageData();
+      
+      // 스토리지 이벤트 트리거하여 다른 컴포넌트에 변경 알림
+      window.dispatchEvent(new Event('transactionUpdated'));
+      window.dispatchEvent(new Event('budgetDataUpdated'));
+      window.dispatchEvent(new Event('categoryBudgetsUpdated'));
+      window.dispatchEvent(new StorageEvent('storage'));
+      
       toast({
         title: "모든 데이터가 초기화되었습니다.",
         description: "모든 예산, 지출 내역, 설정이 초기화되었습니다.",
       });
       setIsResetDialogOpen(false);
+      console.log('모든 데이터 초기화 완료');
+      
       // 초기화 후 설정 페이지로 이동
       setTimeout(() => navigate('/settings'), 1000);
     } catch (error) {

src/contexts/budget/hooks/useBudgetDataState.ts

@@ -20,36 +20,41 @@ export const useBudgetDataState = (transactions: any[]) => {
   // 초기 로드 및 이벤트 리스너 설정
   useEffect(() => {
     const loadBudget = () => {
-      console.log('예산 데이터 로드 시도');
+      console.log('예산 데이터 로드 시도 중...');
       const loadedData = loadBudgetDataFromStorage();
-      setBudgetData(loadedData);
       console.log('예산 데이터 로드됨:', loadedData);
+      setBudgetData(loadedData);
     };
 
     // 초기 로드
     loadBudget();
 
     // 이벤트 리스너 설정
-    const handleBudgetUpdate = () => {
+    const handleBudgetUpdate = (e?: StorageEvent) => {
-      console.log('예산 데이터 업데이트 이벤트 감지');
+      console.log('예산 데이터 업데이트 이벤트 감지:', e?.key);
+      if (!e || e.key === 'budgetData' || e.key === null) {
         loadBudget();
+      }
     };
     
-    window.addEventListener('budgetDataUpdated', handleBudgetUpdate);
+    window.addEventListener('budgetDataUpdated', () => handleBudgetUpdate());
     window.addEventListener('storage', handleBudgetUpdate);
-    window.addEventListener('focus', handleBudgetUpdate);
+    window.addEventListener('focus', () => {
+      console.log('창 포커스: 예산 데이터 새로고침');
+      loadBudget();
+    });
     
     return () => {
-      window.removeEventListener('budgetDataUpdated', handleBudgetUpdate);
+      window.removeEventListener('budgetDataUpdated', () => handleBudgetUpdate());
       window.removeEventListener('storage', handleBudgetUpdate);
-      window.removeEventListener('focus', handleBudgetUpdate);
+      window.removeEventListener('focus', () => loadBudget());
     };
   }, []);
 
-  // 지출 금액 업데이트 - 트랜잭션이 변경될 때마다 실행
+  // 트랜잭션 변경 시 지출 금액 업데이트
   useEffect(() => {
     if (transactions.length > 0) {
-      console.log('트랜잭션 변경으로 인한 예산 데이터 업데이트');
+      console.log('트랜잭션 변경으로 인한 예산 데이터 업데이트. 트랜잭션 수:', transactions.length);
       // 지출 금액 업데이트
       const updatedBudgetData = calculateSpentAmounts(transactions, budgetData);
       
@@ -69,6 +74,7 @@ export const useBudgetDataState = (transactions: any[]) => {
     // 월간 예산 직접 업데이트 (카테고리 예산이 없는 경우)
     if (!newCategoryBudgets) {
       const updatedBudgetData = calculateUpdatedBudgetData(budgetData, type, amount);
+      console.log('새 예산 데이터:', updatedBudgetData);
       setBudgetData(updatedBudgetData);
       saveBudgetDataToStorage(updatedBudgetData);
       
@@ -81,11 +87,16 @@ export const useBudgetDataState = (transactions: any[]) => {
 
   // 예산 데이터 초기화 함수
   const resetBudgetData = useCallback(() => {
+    console.log('예산 데이터 초기화');
     clearAllBudgetData();
     setBudgetData(loadBudgetDataFromStorage());
-    console.log('예산 데이터가 초기화되었습니다.');
   }, []);
 
+  // 예산 데이터 변경 시 로그 기록
+  useEffect(() => {
+    console.log('최신 예산 데이터:', budgetData);
+  }, [budgetData]);
+
   return {
     budgetData,
     selectedTab,

src/contexts/budget/hooks/useCategoryBudgetState.ts

@@ -15,29 +15,34 @@ export const useCategoryBudgetState = () => {
   // 초기 로드 및 이벤트 리스너 설정
   useEffect(() => {
     const loadCategories = () => {
-      console.log('카테고리 예산 로드 시도');
+      console.log('카테고리 예산 로드 시도 중...');
       const loaded = loadCategoryBudgetsFromStorage();
-      setCategoryBudgets(loaded);
       console.log('카테고리 예산 로드됨:', loaded);
+      setCategoryBudgets(loaded);
     };
     
     // 초기 로드
     loadCategories();
     
     // 이벤트 리스너 설정
-    const handleCategoryUpdate = () => {
+    const handleCategoryUpdate = (e?: StorageEvent) => {
-      console.log('카테고리 예산 업데이트 이벤트 감지');
+      console.log('카테고리 예산 업데이트 이벤트 감지:', e?.key);
+      if (!e || e.key === 'categoryBudgets' || e.key === null) {
         loadCategories();
+      }
     };
     
-    window.addEventListener('categoryBudgetsUpdated', handleCategoryUpdate);
+    window.addEventListener('categoryBudgetsUpdated', () => handleCategoryUpdate());
     window.addEventListener('storage', handleCategoryUpdate);
-    window.addEventListener('focus', handleCategoryUpdate);
+    window.addEventListener('focus', () => {
+      console.log('창 포커스: 카테고리 예산 새로고침');
+      loadCategories();
+    });
     
     return () => {
-      window.removeEventListener('categoryBudgetsUpdated', handleCategoryUpdate);
+      window.removeEventListener('categoryBudgetsUpdated', () => handleCategoryUpdate());
       window.removeEventListener('storage', handleCategoryUpdate);
-      window.removeEventListener('focus', handleCategoryUpdate);
+      window.removeEventListener('focus', () => loadCategories());
     };
   }, []);
 
@@ -50,11 +55,16 @@ export const useCategoryBudgetState = () => {
 
   // 카테고리 예산 초기화 함수
   const resetCategoryBudgets = useCallback(() => {
+    console.log('카테고리 예산 초기화');
     clearAllCategoryBudgets();
     setCategoryBudgets(loadCategoryBudgetsFromStorage());
-    console.log('카테고리 예산이 초기화되었습니다.');
   }, []);
 
+  // 카테고리 예산 변경 시 로그 기록
+  useEffect(() => {
+    console.log('최신 카테고리 예산:', categoryBudgets);
+  }, [categoryBudgets]);
+
   return {
     categoryBudgets,
     setCategoryBudgets: updateCategoryBudgets,

src/contexts/budget/hooks/useTransactionState.ts

@@ -12,76 +12,73 @@ import { toast } from '@/components/ui/use-toast';
 export const useTransactionState = () => {
   const [transactions, setTransactions] = useState<Transaction[]>([]);
 
-  // 초기 트랜잭션 로드
+  // 초기 트랜잭션 로드 및 이벤트 리스너 설정
   useEffect(() => {
     const loadTransactions = () => {
+      console.log('트랜잭션 로드 시도 중...');
       const storedTransactions = loadTransactionsFromStorage();
       console.log('트랜잭션 로드됨:', storedTransactions.length, '개');
       setTransactions(storedTransactions);
     };
 
+    // 초기 로드
     loadTransactions();
 
-    // 이벤트 리스너를 추가하여 다른 컴포넌트에서 변경 시 업데이트
+    // 이벤트 리스너 추가
-    const handleTransactionUpdate = () => {
+    const handleTransactionUpdate = (e?: StorageEvent) => {
-      console.log('트랜잭션 업데이트 이벤트 감지');
+      console.log('트랜잭션 업데이트 이벤트 감지:', e?.key);
+      if (!e || e.key === 'transactions' || e.key === null) {
         loadTransactions();
+      }
     };
     
-    window.addEventListener('transactionUpdated', handleTransactionUpdate);
+    window.addEventListener('transactionUpdated', () => handleTransactionUpdate());
-    window.addEventListener('transactionDeleted', handleTransactionUpdate);
+    window.addEventListener('transactionDeleted', () => handleTransactionUpdate());
-    window.addEventListener('transactionAdded', handleTransactionUpdate);
+    window.addEventListener('transactionAdded', () => handleTransactionUpdate());
     window.addEventListener('storage', handleTransactionUpdate);
-    
+    window.addEventListener('focus', () => {
-    // 페이지 포커스 시 데이터 갱신
+      console.log('창 포커스: 트랜잭션 새로고침');
-    window.addEventListener('focus', handleTransactionUpdate);
+      loadTransactions();
+    });
     
     return () => {
-      window.removeEventListener('transactionUpdated', handleTransactionUpdate);
+      window.removeEventListener('transactionUpdated', () => handleTransactionUpdate());
-      window.removeEventListener('transactionDeleted', handleTransactionUpdate);
+      window.removeEventListener('transactionDeleted', () => handleTransactionUpdate());
-      window.removeEventListener('transactionAdded', handleTransactionUpdate);
+      window.removeEventListener('transactionAdded', () => handleTransactionUpdate());
       window.removeEventListener('storage', handleTransactionUpdate);
-      window.removeEventListener('focus', handleTransactionUpdate);
+      window.removeEventListener('focus', () => loadTransactions());
     };
   }, []);
 
   // 트랜잭션 추가 함수
   const addTransaction = useCallback((newTransaction: Transaction) => {
+    console.log('새 트랜잭션 추가:', newTransaction);
     setTransactions(prev => {
       const updated = [newTransaction, ...prev];
       saveTransactionsToStorage(updated);
-      
-      // 이벤트 발생시키기
-      window.dispatchEvent(new Event('transactionAdded'));
-      
       return updated;
     });
   }, []);
 
   // 트랜잭션 업데이트 함수
   const updateTransaction = useCallback((updatedTransaction: Transaction) => {
+    console.log('트랜잭션 업데이트:', updatedTransaction);
     setTransactions(prev => {
       const updated = prev.map(transaction => 
         transaction.id === updatedTransaction.id ? updatedTransaction : transaction
       );
       saveTransactionsToStorage(updated);
-      
-      // 이벤트 발생시키기
-      window.dispatchEvent(new Event('transactionUpdated'));
-      
       return updated;
     });
   }, []);
 
   // 트랜잭션 삭제 함수
   const deleteTransaction = useCallback((transactionId: string) => {
+    console.log('트랜잭션 삭제:', transactionId);
     setTransactions(prev => {
       const updated = prev.filter(transaction => transaction.id !== transactionId);
       saveTransactionsToStorage(updated);
       
-      // 이벤트 발생시키기
-      window.dispatchEvent(new Event('transactionDeleted'));
-      
       toast({
         title: "지출이 삭제되었습니다",
         description: "지출 항목이 성공적으로 삭제되었습니다.",
@@ -93,11 +90,16 @@ export const useTransactionState = () => {
 
   // 트랜잭션 초기화 함수
   const resetTransactions = useCallback(() => {
+    console.log('모든 트랜잭션 초기화');
     clearAllTransactions();
     setTransactions([]);
-    console.log('모든 트랜잭션이 초기화되었습니다.');
   }, []);
 
+  // 트랜잭션 개수가 변경될 때 로그 기록
+  useEffect(() => {
+    console.log('현재 트랜잭션 개수:', transactions.length);
+  }, [transactions.length]);
+
   return {
     transactions,
     addTransaction,

src/contexts/budget/storage/budgetStorage.ts

@@ -10,7 +10,7 @@ export const loadBudgetDataFromStorage = (): BudgetData => {
     const storedBudgetData = localStorage.getItem('budgetData');
     if (storedBudgetData) {
       const parsed = JSON.parse(storedBudgetData);
-      console.log('예산 데이터 로드 완료');
+      console.log('예산 데이터 로드 완료', parsed);
       return parsed;
     }
   } catch (error) {
@@ -29,13 +29,18 @@ export const loadBudgetDataFromStorage = (): BudgetData => {
  */
 export const saveBudgetDataToStorage = (budgetData: BudgetData): void => {
   try {
-    localStorage.setItem('budgetData', JSON.stringify(budgetData));
+    // 데이터 문자열로 변환
-    console.log('예산 데이터 저장 완료');
+    const dataString = JSON.stringify(budgetData);
+    
+    // 로컬 스토리지에 저장
+    localStorage.setItem('budgetData', dataString);
+    console.log('예산 데이터 저장 완료', budgetData);
     
     // 스토리지 이벤트 수동 트리거 (동일 창에서도 감지하기 위함)
     window.dispatchEvent(new Event('budgetDataUpdated'));
     window.dispatchEvent(new StorageEvent('storage', {
-      key: 'budgetData'
+      key: 'budgetData',
+      newValue: dataString
     }));
   } catch (error) {
     console.error('예산 데이터 저장 오류:', error);
@@ -50,11 +55,16 @@ export const clearAllBudgetData = (): void => {
     localStorage.removeItem('budgetData');
     // 기본값으로 재설정
     const initialData = getInitialBudgetData();
-    saveBudgetDataToStorage(initialData);
+    const dataString = JSON.stringify(initialData);
+    localStorage.setItem('budgetData', dataString);
     console.log('예산 데이터가 초기화되었습니다.');
     
     // 스토리지 이벤트 수동 트리거
     window.dispatchEvent(new Event('budgetDataUpdated'));
+    window.dispatchEvent(new StorageEvent('storage', {
+      key: 'budgetData',
+      newValue: dataString
+    }));
   } catch (error) {
     console.error('예산 데이터 삭제 오류:', error);
   }

src/contexts/budget/storage/categoryStorage.ts

@@ -27,13 +27,18 @@ export const loadCategoryBudgetsFromStorage = (): Record<string, number> => {
  */
 export const saveCategoryBudgetsToStorage = (categoryBudgets: Record<string, number>): void => {
   try {
-    localStorage.setItem('categoryBudgets', JSON.stringify(categoryBudgets));
+    // 데이터 문자열로 변환
+    const dataString = JSON.stringify(categoryBudgets);
+    
+    // 로컬 스토리지에 저장
+    localStorage.setItem('categoryBudgets', dataString);
     console.log('카테고리 예산 저장 완료:', categoryBudgets);
     
     // 스토리지 이벤트 수동 트리거 (동일 창에서도 감지하기 위함)
     window.dispatchEvent(new Event('categoryBudgetsUpdated'));
     window.dispatchEvent(new StorageEvent('storage', {
-      key: 'categoryBudgets'
+      key: 'categoryBudgets',
+      newValue: dataString
     }));
   } catch (error) {
     console.error('카테고리 예산 저장 오류:', error);
@@ -47,11 +52,16 @@ export const clearAllCategoryBudgets = (): void => {
   try {
     localStorage.removeItem('categoryBudgets');
     // 기본값으로 재설정
-    saveCategoryBudgetsToStorage(DEFAULT_CATEGORY_BUDGETS);
+    const dataString = JSON.stringify(DEFAULT_CATEGORY_BUDGETS);
+    localStorage.setItem('categoryBudgets', dataString);
     console.log('카테고리 예산이 초기화되었습니다.');
     
     // 이벤트 발생
     window.dispatchEvent(new Event('categoryBudgetsUpdated'));
+    window.dispatchEvent(new StorageEvent('storage', {
+      key: 'categoryBudgets',
+      newValue: dataString
+    }));
   } catch (error) {
     console.error('카테고리 예산 삭제 오류:', error);
   }

src/contexts/budget/storage/transactionStorage.ts

@@ -23,13 +23,18 @@ export const loadTransactionsFromStorage = (): Transaction[] => {
  */
 export const saveTransactionsToStorage = (transactions: Transaction[]): void => {
   try {
-    localStorage.setItem('transactions', JSON.stringify(transactions));
+    // 먼저 문자열로 변환
+    const dataString = JSON.stringify(transactions);
+    
+    // 로컬 스토리지에 저장 
+    localStorage.setItem('transactions', dataString);
     console.log('트랜잭션 저장 완료, 항목 수:', transactions.length);
     
     // 스토리지 이벤트 수동 트리거 (동일 창에서도 감지하기 위함)
     window.dispatchEvent(new Event('transactionUpdated'));
     window.dispatchEvent(new StorageEvent('storage', {
-      key: 'transactions'
+      key: 'transactions',
+      newValue: dataString
     }));
   } catch (error) {
     console.error('트랜잭션 저장 오류:', error);
@@ -43,13 +48,15 @@ export const clearAllTransactions = (): void => {
   try {
     localStorage.removeItem('transactions');
     // 빈 배열을 저장하여 확실히 초기화
-    localStorage.setItem('transactions', JSON.stringify([]));
+    const emptyData = JSON.stringify([]);
+    localStorage.setItem('transactions', emptyData);
     console.log('모든 트랜잭션이 삭제되었습니다.');
     
     // 스토리지 이벤트 수동 트리거
     window.dispatchEvent(new Event('transactionUpdated'));
     window.dispatchEvent(new StorageEvent('storage', {
-      key: 'transactions'
+      key: 'transactions',
+      newValue: emptyData
     }));
   } catch (error) {
     console.error('트랜잭션 삭제 오류:', error);

src/contexts/budget/useBudgetState.ts

@@ -36,9 +36,10 @@ export const useBudgetState = () => {
 
   // 디버깅을 위한 로그
   useEffect(() => {
-    console.log('현재 예산 데이터:', budgetData);
+    console.log('BudgetState 훅 - 현재 상태:');
-    console.log('현재 카테고리 예산:', categoryBudgets);
+    console.log('- 예산 데이터:', budgetData);
-    console.log('현재 거래 수:', transactions.length);
+    console.log('- 카테고리 예산:', categoryBudgets);
+    console.log('- 트랜잭션 수:', transactions.length);
   }, [budgetData, categoryBudgets, transactions]);
 
   // 카테고리별 예산 및 지출 계산
@@ -72,7 +73,7 @@ export const useBudgetState = () => {
       handleBudgetGoalUpdate('monthly', totalMonthlyBudget);
       console.log('예산 데이터 자동 업데이트:', updatedBudgetData);
     }
-  }, [categoryBudgets, handleBudgetGoalUpdate]);
+  }, [categoryBudgets, handleBudgetGoalUpdate, budgetData]);
 
   // 모든 데이터 리셋 함수
   const resetBudgetData = useCallback(() => {
@@ -92,10 +93,11 @@ export const useBudgetState = () => {
     amount: number, 
     newCategoryBudgets?: Record<string, number>
   ) => {
-    console.log(`확장된 예산 목표 업데이트: ${type}, 금액: ${amount}, 카테고리 예산:`, newCategoryBudgets);
+    console.log(`확장된 예산 목표 업데이트 호출: ${type}, 금액: ${amount}`);
     
     // 카테고리 예산이 직접 업데이트된 경우
     if (newCategoryBudgets) {
+      console.log('카테고리 예산 직접 업데이트:', newCategoryBudgets);
       updateCategoryBudgets(newCategoryBudgets);
       
       toast({
@@ -108,6 +110,7 @@ export const useBudgetState = () => {
     
     // 월간 예산을 업데이트하고 일일, 주간도 자동 계산
     if (type === 'monthly') {
+      console.log('월간 예산 업데이트:', amount);
       const ratio = amount / (budgetData.monthly.targetAmount || 1); // 0으로 나누기 방지
       const updatedCategoryBudgets: Record<string, number> = {};
       
@@ -115,9 +118,11 @@ export const useBudgetState = () => {
         updatedCategoryBudgets[category] = Math.round(categoryBudgets[category] * ratio);
       });
       
+      console.log('업데이트된 카테고리 예산:', updatedCategoryBudgets);
       updateCategoryBudgets(updatedCategoryBudgets);
     } else {
       // 일일이나 주간 예산이 직접 업데이트되는 경우
+      console.log(`${type} 예산 직접 업데이트:`, amount);
       handleBudgetGoalUpdate(type, amount);
     }
   }, [budgetData, categoryBudgets, handleBudgetGoalUpdate, updateCategoryBudgets]);

src/pages/Analytics.tsx

@@ -18,6 +18,39 @@ const Analytics = () => {
   const { budgetData, getCategorySpending, transactions } = useBudget();
   const isMobile = useIsMobile();
   
+  // 데이터 변경 감지를 위한 효과
+  useEffect(() => {
+    console.log('Analytics 페이지 마운트: 데이터 감지 시작');
+    
+    // 페이지 포커스시 새로고침 이벤트 발생
+    const handleFocus = () => {
+      console.log('Analytics 페이지: 창 포커스 감지, 상태 새로고침');
+      // 상태 리렌더링 트리거를 위한 빈 상태 업데이트
+      setSelectedPeriod(prev => prev);
+    };
+    
+    // 스토리지 변경 감지
+    const handleStorageChange = () => {
+      console.log('Analytics 페이지: 스토리지 변경 감지, 상태 새로고침');
+      setSelectedPeriod(prev => prev);
+    };
+    
+    window.addEventListener('focus', handleFocus);
+    window.addEventListener('transactionUpdated', handleStorageChange);
+    window.addEventListener('budgetDataUpdated', handleStorageChange);
+    window.addEventListener('categoryBudgetsUpdated', handleStorageChange);
+    window.addEventListener('storage', handleStorageChange);
+    
+    return () => {
+      window.removeEventListener('focus', handleFocus);
+      window.removeEventListener('transactionUpdated', handleStorageChange);
+      window.removeEventListener('budgetDataUpdated', handleStorageChange);
+      window.removeEventListener('categoryBudgetsUpdated', handleStorageChange);
+      window.removeEventListener('storage', handleStorageChange);
+      console.log('Analytics 페이지 언마운트: 데이터 감지 중지');
+    };
+  }, []);
+  
   // 실제 예산 및 지출 데이터 사용
   const totalBudget = budgetData.monthly.targetAmount;
   const totalExpense = budgetData.monthly.spentAmount;
@@ -39,6 +72,7 @@ const Analytics = () => {
   
   // 월별 데이터 생성
   useEffect(() => {
+    console.log('Analytics 페이지: 월별 데이터 생성');
     // 현재 월 가져오기
     const today = new Date();
     const currentMonth = today.getMonth();
@@ -66,6 +100,7 @@ const Analytics = () => {
     }
     
     setMonthlyData(last6Months);
+    console.log('Analytics 페이지: 월별 데이터 생성 완료', last6Months);
   }, [totalBudget, totalExpense]);
   
   // 이전/다음 기간 이동 처리
@@ -77,6 +112,15 @@ const Analytics = () => {
     console.log('다음 기간으로 이동');
   };
   
+  // 디버깅을 위한 로그
+  useEffect(() => {
+    console.log('Analytics 페이지 렌더링:', {
+      totalBudget,
+      totalExpense,
+      categorySpending: categorySpending.length
+    });
+  });
+  
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
       <div className="max-w-md mx-auto px-6">