ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Investigate data initialization issue

Browse Source 
Investigates and addresses a potential data loss issue where budget data is unexpectedly reset when navigating between pages.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 07:23:16 +00:00
parent d59fb97f7c
commit 7c8e542912
3 changed files with 78 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/contexts/budget/storage/resetStorage.ts
View File

@@ -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('모든 데이터가 초기화되었습니다.');

13
src/hooks/useDataInitialization.ts
View File

@@ -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]);

47
src/pages/Index.tsx
View File

@@ -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(() => {