Fix display issue

Addresses a problem where the screen was not displaying correctly.

src/App.tsx

@@ -4,6 +4,7 @@ import { Toaster as Sonner } from "@/components/ui/sonner";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { useState, useEffect } from "react";
 import Index from "./pages/Index";
 import Transactions from "./pages/Transactions";
 import Analytics from "./pages/Analytics";
@@ -18,32 +19,100 @@ import Login from "./pages/Login";
 import Register from "./pages/Register";
 import ForgotPassword from "./pages/ForgotPassword";
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: 1,
+      refetchOnWindowFocus: false,
+    },
+  },
+});
 
-const App = () => (
-  <QueryClientProvider client={queryClient}>
-    <TooltipProvider>
-      <Toaster />
-      <Sonner />
-      <BrowserRouter>
-        <Routes>
-          <Route path="/" element={<Index />} />
-          <Route path="/transactions" element={<Transactions />} />
-          <Route path="/analytics" element={<Analytics />} />
-          <Route path="/settings" element={<Settings />} />
-          <Route path="/profile-management" element={<ProfileManagement />} />
-          <Route path="/notification-settings" element={<NotificationSettings />} />
-          <Route path="/security-privacy-settings" element={<SecurityPrivacySettings />} />
-          <Route path="/help-support" element={<HelpSupport />} />
-          <Route path="/payment-methods" element={<PaymentMethods />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/register" element={<Register />} />
-          <Route path="/forgot-password" element={<ForgotPassword />} />
-          <Route path="*" element={<NotFound />} />
-        </Routes>
-      </BrowserRouter>
-    </TooltipProvider>
-  </QueryClientProvider>
-);
+const App = () => {
+  const [isLoaded, setIsLoaded] = useState(false);
+
+  useEffect(() => {
+    // 애플리케이션 초기화 및 로딩 상태 관리
+    try {
+      // 기본 예산 데이터 초기화
+      if (!localStorage.getItem('budgetData')) {
+        const defaultBudgetData = {
+          daily: {
+            targetAmount: 40000,
+            spentAmount: 0,
+            remainingAmount: 40000
+          },
+          weekly: {
+            targetAmount: 280000,
+            spentAmount: 0,
+            remainingAmount: 280000
+          },
+          monthly: {
+            targetAmount: 1200000,
+            spentAmount: 0,
+            remainingAmount: 1200000
+          }
+        };
+        localStorage.setItem('budgetData', JSON.stringify(defaultBudgetData));
+      }
+      
+      // 기본 카테고리 예산 설정
+      if (!localStorage.getItem('categoryBudgets')) {
+        const defaultCategoryBudgets = {
+          식비: 400000,
+          생활비: 600000,
+          교통비: 200000
+        };
+        localStorage.setItem('categoryBudgets', JSON.stringify(defaultCategoryBudgets));
+      }
+      
+      // 빈 트랜잭션 배열 초기화
+      if (!localStorage.getItem('transactions')) {
+        localStorage.setItem('transactions', JSON.stringify([]));
+      }
+      
+      setIsLoaded(true);
+    } catch (error) {
+      console.error('앱 초기화 중 오류 발생:', error);
+      // 오류가 발생해도 앱 로딩
+      setIsLoaded(true);
+    }
+  }, []);
+
+  if (!isLoaded) {
+    return <div className="flex items-center justify-center h-screen">
+      <div className="text-center">
+        <div className="animate-spin h-8 w-8 border-4 border-neuro-income border-t-transparent rounded-full mx-auto mb-4"></div>
+        <p className="text-gray-600">앱을 로딩 중입니다...</p>
+      </div>
+    </div>;
+  }
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <TooltipProvider>
+        <Toaster />
+        <Sonner />
+        <BrowserRouter>
+          <Routes>
+            <Route path="/" element={<Index />} />
+            <Route path="/transactions" element={<Transactions />} />
+            <Route path="/analytics" element={<Analytics />} />
+            <Route path="/settings" element={<Settings />} />
+            <Route path="/profile-management" element={<ProfileManagement />} />
+            <Route path="/notification-settings" element={<NotificationSettings />} />
+            <Route path="/security-privacy-settings" element={<SecurityPrivacySettings />} />
+            <Route path="/help-support" element={<HelpSupport />} />
+            <Route path="/payment-methods" element={<PaymentMethods />} />
+            <Route path="/login" element={<Login />} />
+            <Route path="/register" element={<Register />} />
+            <Route path="/forgot-password" element={<ForgotPassword />} />
+            <Route path="*" element={<NotFound />} />
+          </Routes>
+        </BrowserRouter>
+      </TooltipProvider>
+    </QueryClientProvider>
+  );
+};
 
 export default App;