Address accessibility issue

The screen was not visible. This commit addresses an accessibility issue.

src/App.tsx

@@ -18,22 +18,51 @@ import NotFound from "./pages/NotFound";
 import Login from "./pages/Login";
 import Register from "./pages/Register";
 import ForgotPassword from "./pages/ForgotPassword";
+import { initSyncSettings } from "./utils/syncUtils";
+
+// 전역 오류 처리
+const handleError = (error: any) => {
+  console.error("앱 오류 발생:", error);
+};
+
+// 오류 발생 시 전역 핸들러에 연결
+window.addEventListener('error', (event) => {
+  handleError(event.error);
+});
+
+window.addEventListener('unhandledrejection', (event) => {
+  handleError(event.reason);
+});
 
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       retry: 1,
       refetchOnWindowFocus: false,
+      // 오류 처리 추가
+      onError: (error) => {
+        console.error("쿼리 오류:", error);
+      }
     },
+    mutations: {
+      // 오류 처리 추가
+      onError: (error) => {
+        console.error("뮤테이션 오류:", error);
+      }
+    }
   },
 });
 
 const App = () => {
   const [isLoaded, setIsLoaded] = useState(false);
+  const [initError, setInitError] = useState<Error | null>(null);
 
   useEffect(() => {
     // 애플리케이션 초기화 및 로딩 상태 관리
     try {
+      // 동기화 설정 초기화
+      initSyncSettings();
+      
       // 기본 예산 데이터 초기화
       if (!localStorage.getItem('budgetData')) {
         const defaultBudgetData = {
@@ -74,6 +103,7 @@ const App = () => {
       setIsLoaded(true);
     } catch (error) {
       console.error('앱 초기화 중 오류 발생:', error);
+      setInitError(error instanceof Error ? error : new Error('앱 초기화 중 알 수 없는 오류가 발생했습니다'));
       // 오류가 발생해도 앱 로딩
       setIsLoaded(true);
     }
@@ -88,6 +118,21 @@ const App = () => {
     </div>;
   }
 
+  if (initError) {
+    return <div className="flex items-center justify-center h-screen">
+      <div className="text-center max-w-md p-6 neuro-card">
+        <h2 className="text-xl font-bold text-red-500 mb-4">앱 로드 오류</h2>
+        <p className="text-gray-600 mb-4">{initError.message}</p>
+        <button 
+          onClick={() => window.location.reload()} 
+          className="neuro-button"
+        >
+          다시 시도
+        </button>
+      </div>
+    </div>;
+  }
+
   return (
     <QueryClientProvider client={queryClient}>
       <TooltipProvider>

src/utils/sync/syncSettings.ts

@@ -5,22 +5,51 @@
  * Check if synchronization is enabled in local storage
  */
 export const isSyncEnabled = (): boolean => {
-  return localStorage.getItem('syncEnabled') === 'true';
+  try {
+    return localStorage.getItem('syncEnabled') === 'true';
+  } catch (error) {
+    console.error('동기화 설정 확인 중 오류:', error);
+    return false;
+  }
 };
 
 /**
  * Update synchronization settings in local storage
  */
 export const setSyncEnabled = (enabled: boolean): void => {
-  localStorage.setItem('syncEnabled', enabled.toString());
+  try {
+    localStorage.setItem('syncEnabled', enabled.toString());
+  } catch (error) {
+    console.error('동기화 설정 업데이트 중 오류:', error);
+  }
 };
 
 // 최종 동기화 시간 관리
 export const getLastSyncTime = (): string | null => {
-  return localStorage.getItem('lastSyncTime');
+  try {
+    return localStorage.getItem('lastSyncTime');
+  } catch (error) {
+    console.error('마지막 동기화 시간 확인 중 오류:', error);
+    return null;
+  }
 };
 
 export const setLastSyncTime = (): void => {
-  const now = new Date().toISOString();
-  localStorage.setItem('lastSyncTime', now);
+  try {
+    const now = new Date().toISOString();
+    localStorage.setItem('lastSyncTime', now);
+  } catch (error) {
+    console.error('마지막 동기화 시간 업데이트 중 오류:', error);
+  }
+};
+
+// 초기화 함수 추가
+export const initSyncSettings = (): void => {
+  try {
+    if (localStorage.getItem('syncEnabled') === null) {
+      localStorage.setItem('syncEnabled', 'false');
+    }
+  } catch (error) {
+    console.error('동기화 설정 초기화 중 오류:', error);
+  }
 };

src/utils/syncUtils.ts

@@ -1,5 +1,5 @@
 
-import { isSyncEnabled, setSyncEnabled, getLastSyncTime, setLastSyncTime } from './sync/syncSettings';
+import { isSyncEnabled, setSyncEnabled, getLastSyncTime, setLastSyncTime, initSyncSettings } from './sync/syncSettings';
 import { uploadTransactions, downloadTransactions } from './sync/transactionSync';
 import { uploadBudgets, downloadBudgets } from './sync/budgetSync';
 
@@ -12,7 +12,8 @@ export {
   uploadBudgets,
   downloadBudgets,
   getLastSyncTime,
-  setLastSyncTime
+  setLastSyncTime,
+  initSyncSettings
 };
 
 /**
@@ -33,5 +34,19 @@ export const syncAllData = async (userId: string): Promise<void> => {
     console.log('데이터 동기화 완료!');
   } catch (error) {
     console.error('동기화 중 오류 발생:', error);
+    throw error; // 오류를 상위 호출자에게 전달하여 적절히 처리하도록 함
+  }
+};
+
+// 안전하게 동기화 시도하는 함수 추가
+export const trySyncAllData = async (userId: string): Promise<{ success: boolean, error?: any }> => {
+  if (!userId || !isSyncEnabled()) return { success: true };
+  
+  try {
+    await syncAllData(userId);
+    return { success: true };
+  } catch (error) {
+    console.error('동기화 시도 중 오류:', error);
+    return { success: false, error };
   }
 };