diff --git a/src/App.tsx b/src/App.tsx index bf499c5..65ac2a3 100644 --- a/src/App.tsx +++ b/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(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 = () => { ; } + if (initError) { + return
+
+

앱 로드 오류

+

{initError.message}

+ +
+
; + } + return ( diff --git a/src/utils/sync/syncSettings.ts b/src/utils/sync/syncSettings.ts index 1fbfb61..9549d91 100644 --- a/src/utils/sync/syncSettings.ts +++ b/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); + } }; diff --git a/src/utils/syncUtils.ts b/src/utils/syncUtils.ts index 9c7e8cc..05f80db 100644 --- a/src/utils/syncUtils.ts +++ b/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 => { 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 }; } };