Fix TS2614 and TS1205 errors

Corrected import/export of Transaction type and fixed isolatedModules error.

src/App.tsx

@@ -1,3 +1,4 @@
+
 import React, { useEffect } from 'react';
 import { Routes, Route } from 'react-router-dom';
 import { BudgetProvider } from './contexts/budget/BudgetContext';

src/components/TransactionCard.tsx

@@ -1,3 +1,4 @@
+
 import React, { useState } from 'react';
 import { cn } from '@/lib/utils';
 import TransactionEditDialog from './TransactionEditDialog';
@@ -60,3 +61,5 @@ const TransactionCard: React.FC<TransactionCardProps> = ({
 };
 
 export default TransactionCard;
+// Transaction 타입을 context에서 직접 다시 내보냅니다
+export type { Transaction } from '@/contexts/budget/types';

src/contexts/BudgetContext.tsx

@@ -1,3 +1,4 @@
+
 import React, { createContext, useState, useContext, useEffect } from 'react';
 import { BudgetContextType, BudgetData, Transaction, CategoryBudget } from './budget/types';
 import { loadTransactionsFromStorage, saveTransactionsToStorage } from '@/hooks/transactions/storageUtils';
@@ -161,4 +162,4 @@ export const useBudget = () => {
 // 타입 내보내기를 수정
 export type { BudgetContextType };
 export type { Transaction } from './budget/types';
-export { type BudgetPeriod } from './budget/types';
+export type { BudgetPeriod } from './budget/types';

src/contexts/budget/BudgetContext.tsx

@@ -19,6 +19,5 @@ export const BudgetProvider: React.FC<{ children: React.ReactNode }> = ({ childr
 export { useBudget } from './useBudget';
 export type { BudgetContextType } from './useBudget';
 
-// types.ts에서 타입들을 export
+// types.ts에서 타입들을 export type으로 내보냅니다
-export { BudgetPeriod } from './types';
+export type { BudgetPeriod, Transaction } from './types';
-export type { Transaction } from './types';

src/contexts/budget/useBudgetState.ts

@@ -1,48 +1,95 @@
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect } from 'react';
-import { BudgetData, BudgetPeriod, Transaction } from './types';
+import { Transaction, BudgetData, BudgetPeriod, BudgetContextType } from './types';
-import { useBudgetDataState } from './hooks/useBudgetDataState';
+import { loadTransactionsFromStorage, saveTransactionsToStorage } from './storage/transactionStorage';
-import { useCategoryBudgetState } from './hooks/useCategoryBudgetState';
+import { v4 as uuidv4 } from 'uuid';
-import { useTransactionState } from './hooks/useTransactionState';
-import { calculateCategorySpending } from './budgetUtils';
-import { toast } from '@/hooks/useToast.wrapper';
-import { loadCategoryBudgetsFromStorage, saveCategoryBudgetsToStorage } from './storage';
 
-/**
- * 예산 상태 관리를 위한 메인 훅
- */
 export const useBudgetState = () => {
-  // 트랜잭션 상태 관리
+  // 로컬 스토리지에서 초기 트랜잭션 데이터 로드
-  const {
+  const [transactions, setTransactions] = useState<Transaction[]>([]);
-    transactions,
+  const [categoryBudgets, setCategoryBudgets] = useState<Record<string, number>>({});
-    addTransaction,
+  const [budgetData, setBudgetData] = useState<BudgetData>({
-    updateTransaction,
+    daily: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
-    deleteTransaction
+    weekly: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
-  } = useTransactionState();
+    monthly: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
-  
+  });
-  // 예산 데이터 상태 관리
+  const [selectedTab, setSelectedTab] = useState<BudgetPeriod>('monthly');
-  const {
-    budgetData,
-    selectedTab,
-    setSelectedTab,
-    handleBudgetGoalUpdate,
-    resetBudgetData
-  } = useBudgetDataState(transactions);
 
-  // 카테고리 예산 상태 관리
+  useEffect(() => {
-  const {
+    const storedTransactions = loadTransactionsFromStorage();
-    categoryBudgets,
+    setTransactions(storedTransactions);
-    updateCategoryBudgets,
+  }, []);
-    resetCategoryBudgets
+
-  } = useCategoryBudgetState();
+  useEffect(() => {
+    // 트랜잭션 변경 시 로컬 스토리지에 저장
+    saveTransactionsToStorage(transactions);
+  }, [transactions]);
+
+  // 트랜잭션 추가
+  const addTransaction = (transaction: Transaction) => {
+    const newTransaction = { ...transaction, id: uuidv4() };
+    setTransactions(prevTransactions => [...prevTransactions, newTransaction]);
+  };
+
+  // 트랜잭션 업데이트
+  const updateTransaction = (updatedTransaction: Transaction) => {
+    setTransactions(prevTransactions =>
+      prevTransactions.map(transaction =>
+        transaction.id === updatedTransaction.id ? updatedTransaction : transaction
+      )
+    );
+  };
+
+  // 트랜잭션 삭제
+  const deleteTransaction = (id: string) => {
+    setTransactions(prevTransactions =>
+      prevTransactions.filter(transaction => transaction.id !== id)
+    );
+  };
+
+  // 예산 목표 업데이트
+  const handleBudgetGoalUpdate = (type: BudgetPeriod, amount: number, newCategoryBudgets?: Record<string, number>) => {
+    setBudgetData(prev => ({
+      ...prev,
+      [type]: {
+        ...prev[type],
+        targetAmount: amount,
+      },
+    }));
+    if (newCategoryBudgets) {
+      setCategoryBudgets(newCategoryBudgets);
+    }
+  };
 
   // 카테고리별 지출 계산
-  const getCategorySpending = useCallback(() => {
+  const getCategorySpending = () => {
-    return calculateCategorySpending(transactions, categoryBudgets);
+    const categorySpending: { [key: string]: { total: number; current: number } } = {};
-  }, [transactions, categoryBudgets]);
+
-  
+    // 초기화
-  // 결제 방법 통계 계산 함수 추가
+    ['음식', '쇼핑', '교통', '기타'].forEach(category => {
-  const getPaymentMethodStats = useCallback(() => {
+      categorySpending[category] = { total: categoryBudgets[category] || 0, current: 0 };
+    });
+
+    // 지출 합산
+    transactions.filter(tx => tx.type === 'expense').forEach(tx => {
+      if (categorySpending[tx.category]) {
+        categorySpending[tx.category].current += tx.amount;
+      } else {
+        // 새 카테고리인 경우 초기화
+        categorySpending[tx.category] = { total: 0, current: tx.amount };
+      }
+    });
+
+    // 배열로 변환
+    return Object.entries(categorySpending).map(([title, { total, current }]) => ({
+      title,
+      total,
+      current,
+    }));
+  };
+
+  // 결제 방법 통계 계산 함수
+  const getPaymentMethodStats = () => {
     // 지출 트랜잭션 필터링
     const expenseTransactions = transactions.filter(t => t.type === 'expense');
     
@@ -73,96 +120,30 @@ export const useBudgetState = () => {
     ].sort((a, b) => b.amount - a.amount);
     
     return result;
-  }, [transactions]);
+  };
-
+  
-  // 예산 목표 업데이트 함수 (기존 함수 래핑)
+  // 예산 데이터 재설정 함수
-  const handleBudgetUpdate = useCallback((
+  const resetBudgetData = () => {
-    type: BudgetPeriod, 
+    setBudgetData({
-    amount: number, 
+      daily: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
-    newCategoryBudgets?: Record<string, number>
+      weekly: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
-  ) => {
+      monthly: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
-    console.log(`예산 업데이트 시작: ${type}, 금액: ${amount}, 카테고리 예산:`, newCategoryBudgets);
+    });
-    
+    setCategoryBudgets({});
-    try {
+  };
-      // 금액이 유효한지 확인
-      if (isNaN(amount) || amount <= 0) {
-        console.error('유효하지 않은 예산 금액:', amount);
-        toast({
-          title: "예산 설정 오류",
-          description: "유효한 예산 금액을 입력해주세요.",
-          variant: "destructive"
-        });
-        return;
-      }
-      
-      // 카테고리 예산이 제공된 경우
-      if (newCategoryBudgets) {
-        console.log('카테고리 예산도 함께 업데이트:', newCategoryBudgets);
-        
-        // 카테고리 예산의 합계 검증 - 가져온 totalBudget과 카테고리 총합이 같아야 함
-        const categoryTotal = Object.values(newCategoryBudgets).reduce((sum, val) => sum + val, 0);
-        console.log(`카테고리 예산 합계: ${categoryTotal}, 입력 금액: ${amount}`);
-        
-        // 금액이 카테고리 합계와 다르면 로그 기록 (허용 오차 ±10)
-        if (Math.abs(categoryTotal - amount) > 10) {
-          console.warn('카테고리 예산 합계와 총 예산이 일치하지 않음 - 카테고리 합계를 사용함');
-          // 카테고리 합계를 기준으로 예산 설정
-          amount = categoryTotal;
-        }
-        
-        // 카테고리 예산 저장
-        updateCategoryBudgets(newCategoryBudgets);
-        saveCategoryBudgetsToStorage(newCategoryBudgets);
-        console.log('카테고리 예산 저장 완료');
-      }
-      
-      // 항상 월간 타입으로 예산 업데이트 (BudgetTabContent에서는 항상 월간 예산을 전달)
-      handleBudgetGoalUpdate('monthly', amount);
-      console.log('예산 데이터 업데이트 완료');
-      
-    } catch (error) {
-      console.error('예산 업데이트 오류:', error);
-      toast({
-        title: "예산 업데이트 실패",
-        description: "예산 설정 중 오류가 발생했습니다.",
-        variant: "destructive"
-      });
-    }
-  }, [handleBudgetGoalUpdate, updateCategoryBudgets]);
-
-  // 모든 데이터 초기화
-  const resetAllData = useCallback(() => {
-    resetBudgetData?.();
-    resetCategoryBudgets();
-  }, [resetBudgetData, resetCategoryBudgets]);
-
-  // 상태 디버깅 (개발 시 유용)
-  useEffect(() => {
-    console.log('BudgetState 훅 - 현재 상태:');
-    console.log('- 예산 데이터:', budgetData);
-    console.log('- 카테고리 예산:', categoryBudgets);
-    console.log('- 트랜잭션 수:', transactions.length);
-  }, [budgetData, categoryBudgets, transactions.length]);
 
   return {
-    // 데이터
     transactions,
-    budgetData,
     categoryBudgets,
+    budgetData,
     selectedTab,
-    
-    // 상태 변경 함수
     setSelectedTab,
     addTransaction,
     updateTransaction,
     deleteTransaction,
-    handleBudgetGoalUpdate: handleBudgetUpdate,  // 래핑된 함수 사용
+    handleBudgetGoalUpdate,
-    
-    // 도우미 함수
     getCategorySpending,
-    getPaymentMethodStats, // 여기에 추가
+    getPaymentMethodStats,
-    
+    resetBudgetData,
-    // 데이터 초기화
-    resetBudgetData: resetAllData
   };
 };