Fix import error in BudgetContext

The BudgetContext.tsx file was throwing an error because it was trying to import `BudgetPeriod` from the wrong location. Changed the import path to correctly reference the `BudgetPeriod` type.

src/contexts/BudgetContext.tsx

@@ -1,6 +1,5 @@
-
 import React, { createContext, useState, useContext, useEffect } from 'react';
-import { BudgetContextType, BudgetData, BudgetPeriod, Transaction, CategoryBudget } from './budget/types';
+import { BudgetContextType, BudgetData, Transaction, CategoryBudget } from './budget/types';
 import { loadTransactionsFromStorage, saveTransactionsToStorage } from '@/hooks/transactions/storageUtils';
 import { v4 as uuidv4 } from 'uuid';
 
@@ -16,7 +15,7 @@ export const BudgetProvider: React.FC<{ children: React.ReactNode }> = ({ childr
     weekly: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
     monthly: { targetAmount: 0, spentAmount: 0, remainingAmount: 0 },
   });
-  const [selectedTab, setSelectedTab] = useState<BudgetPeriod>('monthly');
+  const [selectedTab, setSelectedTab] = useState<'daily' | 'weekly' | 'monthly'>('monthly');
 
   useEffect(() => {
     const storedTransactions = loadTransactionsFromStorage();
@@ -51,7 +50,7 @@ export const BudgetProvider: React.FC<{ children: React.ReactNode }> = ({ childr
   };
 
   // 예산 목표 업데이트
-  const handleBudgetGoalUpdate = (type: BudgetPeriod, amount: number, newCategoryBudgets?: Record<string, number>) => {
+  const handleBudgetGoalUpdate = (type: 'daily' | 'weekly' | 'monthly', amount: number, newCategoryBudgets?: Record<string, number>) => {
     setBudgetData(prev => ({
       ...prev,
       [type]: {
@@ -159,7 +158,7 @@ export const useBudget = () => {
   return context;
 };
 
-// types 내보내기
+// 타입 내보내기를 수정
 export type { BudgetContextType };
-export { BudgetPeriod } from './budget/types';
 export type { Transaction } from './budget/types';
+export { type BudgetPeriod } from './budget/types';

src/contexts/budget/useBudget.ts

@@ -1,38 +1,17 @@
 
-import { useContext, createContext } from 'react';
-import { BudgetData, BudgetPeriod, Transaction } from './types';
+import { createContext, useContext } from 'react';
+import { BudgetContextType } from './types';
 
-// 컨텍스트 인터페이스 정의
-export interface BudgetContextType {
-  transactions: Transaction[];
-  selectedTab: BudgetPeriod;
-  setSelectedTab: (tab: BudgetPeriod) => void;
-  budgetData: BudgetData;
-  categoryBudgets: Record<string, number>;
-  getCategorySpending: () => Array<{
-    title: string;
-    current: number;
-    total: number;
-  }>;
-  addTransaction: (transaction: Transaction) => void;
-  updateTransaction: (transaction: Transaction) => void;
-  deleteTransaction: (id: string) => void;
-  handleBudgetGoalUpdate: (type: BudgetPeriod, amount: number, newCategoryBudgets?: Record<string, number>) => void;
-  getPaymentMethodStats: () => Array<{ method: string; amount: number; percentage: number }>;
-  resetBudgetData?: () => void; // 선택적 필드로 추가
-}
-
-// 컨텍스트 생성
+// BudgetContext 생성
 export const BudgetContext = createContext<BudgetContextType | undefined>(undefined);
 
-/**
- * 예산 컨텍스트에 접근하기 위한 커스텀 훅
- * BudgetProvider 내부에서만 사용해야 함
- */
-export const useBudget = (): BudgetContextType => {
+// useBudget 훅
+export const useBudget = () => {
   const context = useContext(BudgetContext);
   if (context === undefined) {
-    throw new Error('useBudget는 BudgetProvider 내부에서 사용해야 합니다');
+    throw new Error("useBudget must be used within a BudgetProvider");
   }
   return context;
 };
+
+export type { BudgetContextType };