From 7c8e5429127c6804c6cc46b6e304bd8cc824ca93 Mon Sep 17 00:00:00 2001 From: "gpt-engineer-app[bot]" <159125892+gpt-engineer-app[bot]@users.noreply.github.com> Date: Sun, 16 Mar 2025 07:23:16 +0000 Subject: [PATCH] Investigate data initialization issue Investigates and addresses a potential data loss issue where budget data is unexpectedly reset when navigating between pages. --- src/contexts/budget/storage/resetStorage.ts | 66 ++++++++++++++------- src/hooks/useDataInitialization.ts | 13 +++- src/pages/Index.tsx | 47 ++++++++------- 3 files changed, 78 insertions(+), 48 deletions(-) diff --git a/src/contexts/budget/storage/resetStorage.ts b/src/contexts/budget/storage/resetStorage.ts index a18fae0..f746302 100644 --- a/src/contexts/budget/storage/resetStorage.ts +++ b/src/contexts/budget/storage/resetStorage.ts @@ -4,6 +4,7 @@ import { clearAllCategoryBudgets } from './categoryStorage'; import { clearAllBudgetData } from './budgetStorage'; import { DEFAULT_CATEGORY_BUDGETS } from '../budgetUtils'; import { getInitialBudgetData } from '../budgetUtils'; +import { toast } from '@/components/ui/use-toast'; /** * 모든 데이터 초기화 (첫 로그인 상태) @@ -13,6 +14,7 @@ export const resetAllData = (): void => { // dontShowWelcome 설정 값 백업 const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome'); + const hasVisitedBefore = localStorage.getItem('hasVisitedBefore'); console.log('resetAllData - dontShowWelcome 백업 값:', dontShowWelcomeValue); // 모든 관련 데이터 키 목록 (분석 페이지의 데이터 포함) @@ -21,7 +23,6 @@ export const resetAllData = (): void => { 'categoryBudgets', 'budgetData', 'budget', - 'hasVisitedBefore', 'monthlyExpenses', // 월간 지출 데이터 'categorySpending', // 카테고리별 지출 데이터 'expenseAnalytics', // 지출 분석 데이터 @@ -34,6 +35,7 @@ export const resetAllData = (): void => { 'weeklyBudget', // 주간 예산 'monthlyBudget', // 월간 예산 'chartData', // 차트 데이터 + // 'hasVisitedBefore', // 방문 여부 - 제외 // 'dontShowWelcome' 키는 삭제 목록에서 제외 ]; @@ -51,19 +53,20 @@ export const resetAllData = (): void => { // 추가적으로 사용자 기기에 저장된 모든 데이터 검사 (역순으로 루프) for (let i = localStorage.length - 1; i >= 0; i--) { const key = localStorage.key(i); - if (key && key !== 'dontShowWelcome' && ( // dontShowWelcome 키는 제외 - key.includes('expense') || - key.includes('budget') || - key.includes('transaction') || - key.includes('analytics') || - key.includes('spending') || - key.includes('financial') || - key.includes('chart') || - key.includes('month') || - key.includes('sync') || - key.includes('total') || - key.includes('visited') - )) { + if (key && + key !== 'dontShowWelcome' && + key !== 'hasVisitedBefore' && // hasVisitedBefore 키도 제외 + (key.includes('expense') || + key.includes('budget') || + key.includes('transaction') || + key.includes('analytics') || + key.includes('spending') || + key.includes('financial') || + key.includes('chart') || + key.includes('month') || + key.includes('sync') || + key.includes('total')) + ) { console.log(`추가 데이터 삭제: ${key}`); localStorage.removeItem(key); } @@ -72,21 +75,38 @@ export const resetAllData = (): void => { // 강제로 빈 데이터로 초기화 localStorage.setItem('transactions', JSON.stringify([])); localStorage.setItem('budget', JSON.stringify({total: 0})); - localStorage.setItem('budgetData', JSON.stringify({ - daily: {targetAmount: 0, spentAmount: 0, remainingAmount: 0}, - weekly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0}, - monthly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0} - })); + const initialBudgetData = getInitialBudgetData(); + localStorage.setItem('budgetData', JSON.stringify(initialBudgetData)); localStorage.setItem('categoryBudgets', JSON.stringify(DEFAULT_CATEGORY_BUDGETS)); + // 이벤트 발생시켜 데이터 로드 트리거 + try { + window.dispatchEvent(new Event('transactionUpdated')); + window.dispatchEvent(new Event('budgetDataUpdated')); + window.dispatchEvent(new Event('categoryBudgetsUpdated')); + window.dispatchEvent(new StorageEvent('storage')); + } catch (e) { + console.error('이벤트 발생 오류:', e); + } + // dontShowWelcome 값 복원 (백업한 값이 있는 경우) if (dontShowWelcomeValue) { console.log('resetAllData - dontShowWelcome 값 복원:', dontShowWelcomeValue); localStorage.setItem('dontShowWelcome', dontShowWelcomeValue); - - // 복원 확인 - const restoredValue = localStorage.getItem('dontShowWelcome'); - console.log('resetAllData - 복원 후 dontShowWelcome 값:', restoredValue); + } + + // hasVisitedBefore 값 복원 (백업한 값이 있는 경우) + if (hasVisitedBefore) { + console.log('resetAllData - hasVisitedBefore 값 복원:', hasVisitedBefore); + localStorage.setItem('hasVisitedBefore', hasVisitedBefore); + } + + // 초기화 알림은 첫 방문인 경우에는 표시하지 않음 + if (hasVisitedBefore === 'true') { + toast({ + title: "데이터 초기화 완료", + description: "모든 예산 및 지출 데이터가 초기화되었습니다.", + }); } console.log('모든 데이터가 초기화되었습니다.'); diff --git a/src/hooks/useDataInitialization.ts b/src/hooks/useDataInitialization.ts index 383b068..8598f81 100644 --- a/src/hooks/useDataInitialization.ts +++ b/src/hooks/useDataInitialization.ts @@ -8,7 +8,14 @@ export const useDataInitialization = (resetBudgetData?: () => void) => { // 모든 데이터 초기화 함수 const initializeAllData = useCallback(() => { - console.log('모든 데이터 초기화 시작'); + // 이미 방문한 적이 있으면 초기화하지 않음 + if (localStorage.getItem('hasVisitedBefore') === 'true') { + console.log('이미 앱을 방문한 적이 있으므로 데이터를 초기화하지 않습니다.'); + setIsInitialized(true); + return true; + } + + console.log('첫 방문: 모든 데이터 초기화 시작'); // 현재 dontShowWelcome 값 백업 const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome'); @@ -75,14 +82,14 @@ export const useDataInitialization = (resetBudgetData?: () => void) => { return true; }, []); - // 데이터 초기화 실행 + // 데이터 초기화 실행 - 첫 방문시에만 useEffect(() => { if (!isInitialized) { const result = initializeAllData(); setIsInitialized(result); } - // 방문 기록 저장 (초기화 후에 저장) + // 방문 기록 저장 (첫 방문 이후 항상 true로 설정) localStorage.setItem('hasVisitedBefore', 'true'); }, [isInitialized, initializeAllData]); diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index b189ae6..cf42ca9 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -29,7 +29,7 @@ const Index = () => { const { isInitialized } = useDataInitialization(resetBudgetData); const isMobile = useIsMobile(); - // 초기화 후 0.5초 후에 환영 메시지 표시 상태 확인 + // 초기화 후 환영 메시지 표시 상태 확인 useEffect(() => { if (isInitialized) { const timeoutId = setTimeout(checkWelcomeDialogState, 500); @@ -39,12 +39,11 @@ const Index = () => { // 페이지가 처음 로드될 때 데이터 로딩 확인 useEffect(() => { - // 데이터 로드 상태 확인 console.log('Index 페이지 마운트, 현재 데이터 상태:'); console.log('트랜잭션:', transactions.length); console.log('예산 데이터:', budgetData); - // 수동으로 이벤트 발생시켜 데이터 갱신 + // 페이지 마운트 시 데이터 동기화 이벤트 수동 발생 try { window.dispatchEvent(new Event('transactionUpdated')); window.dispatchEvent(new Event('budgetDataUpdated')); @@ -53,34 +52,38 @@ const Index = () => { console.error('이벤트 발생 오류:', e); } - // 백업된 데이터 복구 확인 + // 백업된 데이터 복구 확인 (메인 데이터가 없는 경우만) try { - const budgetBackup = localStorage.getItem('budgetData_backup'); - const categoryBackup = localStorage.getItem('categoryBudgets_backup'); - const transactionBackup = localStorage.getItem('transactions_backup'); - - // 메인 데이터가 없지만 백업은 있는 경우 복구 - if (!localStorage.getItem('budgetData') && budgetBackup) { - console.log('예산 데이터 백업에서 복구'); - localStorage.setItem('budgetData', budgetBackup); - window.dispatchEvent(new Event('budgetDataUpdated')); + if (!localStorage.getItem('budgetData')) { + const budgetBackup = localStorage.getItem('budgetData_backup'); + if (budgetBackup) { + console.log('예산 데이터 백업에서 복구'); + localStorage.setItem('budgetData', budgetBackup); + window.dispatchEvent(new Event('budgetDataUpdated')); + } } - if (!localStorage.getItem('categoryBudgets') && categoryBackup) { - console.log('카테고리 예산 백업에서 복구'); - localStorage.setItem('categoryBudgets', categoryBackup); - window.dispatchEvent(new Event('categoryBudgetsUpdated')); + if (!localStorage.getItem('categoryBudgets')) { + const categoryBackup = localStorage.getItem('categoryBudgets_backup'); + if (categoryBackup) { + console.log('카테고리 예산 백업에서 복구'); + localStorage.setItem('categoryBudgets', categoryBackup); + window.dispatchEvent(new Event('categoryBudgetsUpdated')); + } } - if (!localStorage.getItem('transactions') && transactionBackup) { - console.log('트랜잭션 백업에서 복구'); - localStorage.setItem('transactions', transactionBackup); - window.dispatchEvent(new Event('transactionUpdated')); + if (!localStorage.getItem('transactions')) { + const transactionBackup = localStorage.getItem('transactions_backup'); + if (transactionBackup) { + console.log('트랜잭션 백업에서 복구'); + localStorage.setItem('transactions', transactionBackup); + window.dispatchEvent(new Event('transactionUpdated')); + } } } catch (error) { console.error('백업 복구 시도 중 오류:', error); } - }, []); + }, [transactions.length, budgetData]); // 앱이 포커스를 얻었을 때 데이터를 새로고침 useEffect(() => {