diff --git a/src/components/BudgetTabContent.tsx b/src/components/BudgetTabContent.tsx
index e3b76f0..7a5b345 100644
--- a/src/components/BudgetTabContent.tsx
+++ b/src/components/BudgetTabContent.tsx
@@ -7,14 +7,13 @@ import BudgetStatusDisplay from './budget/BudgetStatusDisplay';
 import BudgetInputButton from './budget/BudgetInputButton';
 import BudgetInputForm from './budget/BudgetInputForm';
 
-interface BudgetData {
-  targetAmount: number;
-  spentAmount: number;
-  remainingAmount: number;
-}
-
+// 이 인터페이스는 이 컴포넌트가 받는 props를 명확히 정의합니다
 interface BudgetTabContentProps {
-  data: BudgetData;
+  data: {
+    targetAmount: number;
+    spentAmount: number;
+    remainingAmount: number;
+  };
   formatCurrency: (amount: number) => string;
   calculatePercentage: (spent: number, target: number) => number;
   onSaveBudget: (amount: number, categoryBudgets?: Record<string, number>) => void;
diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx
index 8366610..c37fa18 100644
--- a/src/components/RecentTransactionsSection.tsx
+++ b/src/components/RecentTransactionsSection.tsx
@@ -1,3 +1,4 @@
+
 import React from 'react';
 import { Transaction } from '@/contexts/budget/types';
 import TransactionEditDialog from './TransactionEditDialog';
@@ -8,7 +9,7 @@ import { useRecentTransactions } from '@/hooks/transactions/useRecentTransaction
 import { useRecentTransactionsDialog } from '@/hooks/transactions/useRecentTransactionsDialog';
 import RecentTransactionItem from './recent-transactions/RecentTransactionItem';
 
-interface RecentTransactionsSectionProps {
+export interface RecentTransactionsSectionProps {
   transactions: Transaction[];
   onUpdateTransaction?: (transaction: Transaction) => void;
 }
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index c149b57..aeef544 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -30,11 +30,18 @@ const Index = () => {
           </TabsList>
           
           <TabsContent value="budget" className="focus-visible:outline-none">
-            <BudgetTabContent budgetData={budgetData.monthly} />
+            <BudgetTabContent 
+              data={budgetData.monthly}
+              formatCurrency={(amount) => `${amount.toLocaleString()}원`}
+              calculatePercentage={(spent, target) => (target > 0 ? (spent / target) * 100 : 0)}
+              onSaveBudget={(amount, categoryBudgets) => {
+                /* 예산 저장 로직 */
+              }}
+            />
           </TabsContent>
           
           <TabsContent value="recent" className="focus-visible:outline-none">
-            <RecentTransactionsSection />
+            <RecentTransactionsSection transactions={transactions} />
           </TabsContent>
         </Tabs>
       </div>