스플래시 화면 기능 추가 및 개선

src/App.tsx

@@ -1,5 +1,5 @@
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import './App.css';
 import Login from './pages/Login';
@@ -20,6 +20,7 @@ import PaymentMethods from './pages/PaymentMethods';
 import Settings from './pages/Settings';
 import { BudgetProvider } from './contexts/BudgetContext';
 import PrivateRoute from './components/auth/PrivateRoute';
+import { SplashScreen } from '@capacitor/splash-screen';
 
 // 전역 오류 핸들러
 const handleError = (error: any) => {
@@ -72,6 +73,14 @@ class ErrorBoundary extends React.Component<
 }
 
 function App() {
+  // 앱 시작 시 스플래시 화면 초기화
+  useEffect(() => {
+    // 스플래시 화면 표시 시간 설정 (3초)
+    setTimeout(() => {
+      SplashScreen.hide();
+    }, 3000);
+  }, []);
+
   return (
     <ErrorBoundary>
       <AuthContextWrapper>