Refactor data initialization process

Review and adjust the data initialization logic to ensure proper functionality.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-16 07:52:45 +00:00
parent 23ba0f7e90
commit c5a5a20d36
6 changed files with 342 additions and 247 deletions

View File

@@ -24,8 +24,23 @@ const DataResetSection = () => {
// 데이터 초기화 수행 // 데이터 초기화 수행
try { try {
console.log('모든 데이터 초기화 시작'); console.log('모든 데이터 초기화 시작');
// 초기화 실행 전에 사용자 설정 백업
const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome');
const hasVisitedBefore = localStorage.getItem('hasVisitedBefore');
// 데이터 초기화
resetAllStorageData(); resetAllStorageData();
// 사용자 설정 복원
if (dontShowWelcomeValue) {
localStorage.setItem('dontShowWelcome', dontShowWelcomeValue);
}
if (hasVisitedBefore) {
localStorage.setItem('hasVisitedBefore', hasVisitedBefore);
}
// 스토리지 이벤트 트리거하여 다른 컴포넌트에 변경 알림 // 스토리지 이벤트 트리거하여 다른 컴포넌트에 변경 알림
window.dispatchEvent(new Event('transactionUpdated')); window.dispatchEvent(new Event('transactionUpdated'));
window.dispatchEvent(new Event('budgetDataUpdated')); window.dispatchEvent(new Event('budgetDataUpdated'));
@@ -79,6 +94,7 @@ const DataResetSection = () => {
<DialogTitle> ?</DialogTitle> <DialogTitle> ?</DialogTitle>
<DialogDescription> <DialogDescription>
, , , . , , , .
, '환영합니다' .
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<DialogFooter className="flex flex-col sm:flex-row gap-2 sm:gap-0"> <DialogFooter className="flex flex-col sm:flex-row gap-2 sm:gap-0">

View File

@@ -13,11 +13,21 @@ export const useBudgetReset = (
try { try {
console.log('BudgetContext에서 데이터 리셋 시작'); console.log('BudgetContext에서 데이터 리셋 시작');
// 로컬 스토리지 초기화 // 데이터 초기화 순서 중요
resetTransactions(); resetTransactions();
resetCategoryBudgets(); resetCategoryBudgets();
resetBudgetDataInternal(); resetBudgetDataInternal();
// 이벤트 발생
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);
}
console.log('BudgetContext에서 데이터 리셋 완료'); console.log('BudgetContext에서 데이터 리셋 완료');
// 토스트 알림 // 토스트 알림
@@ -25,6 +35,8 @@ export const useBudgetReset = (
title: "모든 데이터 초기화", title: "모든 데이터 초기화",
description: "예산과 지출 내역이 모두 초기화되었습니다.", description: "예산과 지출 내역이 모두 초기화되었습니다.",
}); });
return true;
} catch (error) { } catch (error) {
console.error('데이터 초기화 중 오류:', error); console.error('데이터 초기화 중 오류:', error);
toast({ toast({
@@ -32,6 +44,8 @@ export const useBudgetReset = (
description: "데이터를 초기화하는 중 오류가 발생했습니다.", description: "데이터를 초기화하는 중 오류가 발생했습니다.",
variant: "destructive" variant: "destructive"
}); });
return false;
} }
}, [resetTransactions, resetCategoryBudgets, resetBudgetDataInternal]); }, [resetTransactions, resetCategoryBudgets, resetBudgetDataInternal]);

View File

@@ -10,31 +10,43 @@ export const loadBudgetDataFromStorage = (): BudgetData => {
try { try {
const storedBudgetData = localStorage.getItem('budgetData'); const storedBudgetData = localStorage.getItem('budgetData');
if (storedBudgetData) { if (storedBudgetData) {
const parsed = JSON.parse(storedBudgetData); try {
console.log('예산 데이터 로드 완료', parsed); const parsed = JSON.parse(storedBudgetData);
console.log('예산 데이터 로드 완료', parsed);
// 데이터 유효성 검사 추가
if (!parsed || !parsed.monthly || !parsed.daily || !parsed.weekly) { // 데이터 유효성 검사 추가
throw new Error('잘못된 형식의 예산 데이터'); if (!parsed || !parsed.monthly || !parsed.daily || !parsed.weekly) {
console.warn('불완전한 예산 데이터, 백업에서 복구 시도');
throw new Error('잘못된 형식의 예산 데이터');
}
return parsed;
} catch (error) {
console.error('예산 데이터 파싱 오류:', error);
// 백업에서 복구 시도
const backupData = localStorage.getItem('budgetData_backup');
if (backupData) {
try {
const parsed = JSON.parse(backupData);
console.log('백업에서 예산 데이터 복구 완료', parsed);
// 백업 데이터 유효성 검사
if (!parsed || !parsed.monthly || !parsed.daily || !parsed.weekly) {
console.warn('백업 예산 데이터도 불완전함, 새 데이터 생성');
throw new Error('백업 데이터도 잘못된 형식');
}
localStorage.setItem('budgetData', backupData); // 메인 스토리지에 복구
return parsed;
} catch (backupError) {
console.error('백업 데이터 복구 실패:', backupError);
}
}
} }
return parsed;
} }
} catch (error) { } catch (error) {
console.error('예산 데이터 파싱 오류:', error); console.error('예산 데이터 로드 중 오류:', error);
// 백업에서 복구 시도
try {
const backupData = localStorage.getItem('budgetData_backup');
if (backupData) {
const parsed = JSON.parse(backupData);
console.log('백업에서 예산 데이터 복구 완료', parsed);
localStorage.setItem('budgetData', backupData); // 메인 스토리지에 저장
return parsed;
}
} catch (backupError) {
console.error('백업 데이터 복구 실패:', backupError);
}
} }
// 새 사용자를 위한 기본 예산 데이터 저장 // 새 사용자를 위한 기본 예산 데이터 저장
@@ -49,6 +61,12 @@ export const loadBudgetDataFromStorage = (): BudgetData => {
*/ */
export const saveBudgetDataToStorage = (budgetData: BudgetData): void => { export const saveBudgetDataToStorage = (budgetData: BudgetData): void => {
try { try {
// 유효성 검사
if (!budgetData || !budgetData.monthly || !budgetData.daily || !budgetData.weekly) {
console.error('잘못된 예산 데이터 저장 시도:', budgetData);
throw new Error('잘못된 예산 데이터');
}
// 데이터 문자열로 변환 // 데이터 문자열로 변환
const dataString = JSON.stringify(budgetData); const dataString = JSON.stringify(budgetData);
@@ -60,7 +78,7 @@ export const saveBudgetDataToStorage = (budgetData: BudgetData): void => {
localStorage.setItem('budgetData_backup', dataString); localStorage.setItem('budgetData_backup', dataString);
localStorage.setItem('lastBudgetSaveTime', new Date().toISOString()); localStorage.setItem('lastBudgetSaveTime', new Date().toISOString());
// 스토리지 이벤트 수동 트리거 (동일 창에서도 감지하기 위함) // 이벤트 발생
try { try {
window.dispatchEvent(new Event('budgetDataUpdated')); window.dispatchEvent(new Event('budgetDataUpdated'));
window.dispatchEvent(new StorageEvent('storage', { window.dispatchEvent(new StorageEvent('storage', {
@@ -70,8 +88,8 @@ export const saveBudgetDataToStorage = (budgetData: BudgetData): void => {
} catch (e) { } catch (e) {
console.error('이벤트 발생 오류:', e); console.error('이벤트 발생 오류:', e);
} }
// toast 알림은 즉시 표시 // toast 알림
if (budgetData.monthly.targetAmount > 0) { if (budgetData.monthly.targetAmount > 0) {
toast({ toast({
title: "예산 저장 완료", title: "예산 저장 완료",
@@ -106,18 +124,21 @@ export const clearAllBudgetData = (): void => {
console.log('예산 데이터가 초기화되었습니다.'); console.log('예산 데이터가 초기화되었습니다.');
// 스토리지 이벤트 수동 트리거 // 이벤트 발생
window.dispatchEvent(new Event('budgetDataUpdated')); window.dispatchEvent(new Event('budgetDataUpdated'));
window.dispatchEvent(new StorageEvent('storage', { window.dispatchEvent(new StorageEvent('storage', {
key: 'budgetData', key: 'budgetData',
newValue: dataString newValue: dataString
})); }));
// 토스트 알림 // 토스트 알림 (사용자가 직접 초기화한 경우만)
toast({ const isUserInitiated = document.visibilityState === 'visible';
title: "예산 초기화", if (isUserInitiated) {
description: "모든, 예산 데이터가 초기화되었습니다.", toast({
}); title: "예산 초기화",
description: "모든 예산 데이터가 초기화되었습니다.",
});
}
} catch (error) { } catch (error) {
console.error('예산 데이터 삭제 오류:', error); console.error('예산 데이터 삭제 오류:', error);
toast({ toast({

View File

@@ -12,10 +12,10 @@ import { toast } from '@/components/ui/use-toast';
export const resetAllData = (): void => { export const resetAllData = (): void => {
console.log('완전 초기화 시작 - resetAllData'); console.log('완전 초기화 시작 - resetAllData');
// dontShowWelcome 설정 값 백업 // 중요: 사용자 설정 관련 값 백업
const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome'); const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome');
const hasVisitedBefore = localStorage.getItem('hasVisitedBefore'); const hasVisitedBefore = localStorage.getItem('hasVisitedBefore');
console.log('resetAllData - dontShowWelcome 백업 값:', dontShowWelcomeValue); console.log('resetAllData - 사용자 설정 백업:', { dontShowWelcome: dontShowWelcomeValue, hasVisitedBefore });
// 모든 관련 데이터 키 목록 (분석 페이지의 데이터 포함) // 모든 관련 데이터 키 목록 (분석 페이지의 데이터 포함)
const dataKeys = [ const dataKeys = [
@@ -35,79 +35,68 @@ export const resetAllData = (): void => {
'weeklyBudget', // 주간 예산 'weeklyBudget', // 주간 예산
'monthlyBudget', // 월간 예산 'monthlyBudget', // 월간 예산
'chartData', // 차트 데이터 'chartData', // 차트 데이터
// 'hasVisitedBefore', // 방문 여부 - 제외
// 'dontShowWelcome' 키는 삭제 목록에서 제외
]; ];
// 모든 관련 데이터 키 삭제
dataKeys.forEach(key => {
console.log(`삭제 중: ${key}`);
localStorage.removeItem(key);
});
// 기본 데이터로 초기화
clearAllTransactions();
clearAllCategoryBudgets();
clearAllBudgetData();
// 추가적으로 사용자 기기에 저장된 모든 데이터 검사 (역순으로 루프)
for (let i = localStorage.length - 1; i >= 0; i--) {
const key = localStorage.key(i);
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);
}
}
// 강제로 빈 데이터로 초기화
localStorage.setItem('transactions', JSON.stringify([]));
localStorage.setItem('budget', JSON.stringify({total: 0}));
const initialBudgetData = getInitialBudgetData();
localStorage.setItem('budgetData', JSON.stringify(initialBudgetData));
localStorage.setItem('categoryBudgets', JSON.stringify(DEFAULT_CATEGORY_BUDGETS));
// 이벤트 발생시켜 데이터 로드 트리거
try { try {
window.dispatchEvent(new Event('transactionUpdated')); // 모든 관련 데이터 키 삭제
window.dispatchEvent(new Event('budgetDataUpdated')); dataKeys.forEach(key => {
window.dispatchEvent(new Event('categoryBudgetsUpdated')); console.log(`삭제 중: ${key}`);
window.dispatchEvent(new StorageEvent('storage')); localStorage.removeItem(key);
} catch (e) { });
console.error('이벤트 발생 오류:', e);
} // 파일별 초기화 함수 호출
clearAllTransactions();
// dontShowWelcome 값 복원 (백업한 값이 있는 경우) clearAllCategoryBudgets();
if (dontShowWelcomeValue) { clearAllBudgetData();
console.log('resetAllData - dontShowWelcome 값 복원:', dontShowWelcomeValue);
localStorage.setItem('dontShowWelcome', dontShowWelcomeValue); // 기본 데이터로 초기화 (중복 삭제 방지를 위해 한 번만 실행)
} const initialBudgetData = getInitialBudgetData();
localStorage.setItem('budgetData', JSON.stringify(initialBudgetData));
// hasVisitedBefore 값 복원 (백업한 값이 있는 경우) localStorage.setItem('categoryBudgets', JSON.stringify(DEFAULT_CATEGORY_BUDGETS));
if (hasVisitedBefore) { localStorage.setItem('transactions', JSON.stringify([]));
console.log('resetAllData - hasVisitedBefore 값 복원:', hasVisitedBefore);
localStorage.setItem('hasVisitedBefore', hasVisitedBefore); // 중요: budgetData_backup도 설정하여 복구 가능하게 함
} localStorage.setItem('budgetData_backup', JSON.stringify(initialBudgetData));
localStorage.setItem('categoryBudgets_backup', JSON.stringify(DEFAULT_CATEGORY_BUDGETS));
// 초기화 알림은 첫 방문인 경우에는 표시하지 않음 localStorage.setItem('transactions_backup', JSON.stringify([]));
if (hasVisitedBefore === 'true') {
// 이벤트 발생시켜 데이터 로드 트리거
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);
}
// 중요: 사용자 설정 값 복원 (백업한 값이 있는 경우)
if (dontShowWelcomeValue) {
console.log('resetAllData - dontShowWelcome 값 복원:', dontShowWelcomeValue);
localStorage.setItem('dontShowWelcome', dontShowWelcomeValue);
}
if (hasVisitedBefore) {
console.log('resetAllData - hasVisitedBefore 값 복원:', hasVisitedBefore);
localStorage.setItem('hasVisitedBefore', hasVisitedBefore);
}
// 첫 방문이 아닌 경우에만 토스트 알림 표시
if (hasVisitedBefore === 'true') {
toast({
title: "데이터 초기화 완료",
description: "모든 예산 및 지출 데이터가 초기화되었습니다.",
});
}
console.log('모든 데이터가 초기화되었습니다.');
} catch (error) {
console.error('데이터 초기화 중 오류 발생:', error);
// 오류 발생 시 토스트 알림
toast({ toast({
title: "데이터 초기화 완료", title: "초기화 실패",
description: "모든 예산 및 지출 데이터 초기화되었습니다.", description: "데이터 초기화하는데 문제가 발생했습니다.",
variant: "destructive"
}); });
} }
console.log('모든 데이터가 초기화되었습니다.');
}; };

View File

@@ -8,8 +8,9 @@ export const useDataInitialization = (resetBudgetData?: () => void) => {
// 모든 데이터 초기화 함수 // 모든 데이터 초기화 함수
const initializeAllData = useCallback(() => { const initializeAllData = useCallback(() => {
// 이미 방문한 적이 있으면 초기화하지 않음 // 중요: 이미 방문한 적이 있으면 절대 초기화하지 않음
if (localStorage.getItem('hasVisitedBefore') === 'true') { const hasVisitedBefore = localStorage.getItem('hasVisitedBefore') === 'true';
if (hasVisitedBefore) {
console.log('이미 앱을 방문한 적이 있으므로 데이터를 초기화하지 않습니다.'); console.log('이미 앱을 방문한 적이 있으므로 데이터를 초기화하지 않습니다.');
setIsInitialized(true); setIsInitialized(true);
return true; return true;
@@ -21,75 +22,90 @@ export const useDataInitialization = (resetBudgetData?: () => void) => {
const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome'); const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome');
console.log('useDataInitialization - 초기화 전 dontShowWelcome 값:', dontShowWelcomeValue); console.log('useDataInitialization - 초기화 전 dontShowWelcome 값:', dontShowWelcomeValue);
// 여러번 초기화 실행 try {
for (let i = 0; i < 3; i++) { // 모든 데이터 완전히 삭제 및 초기화 (한 번만 실행)
// 모든 데이터 완전히 삭제 및 초기화
resetAllData(); resetAllData();
resetAllStorageData(); resetAllStorageData();
// localStorage 직접 초기화 (추가 보호) // 컨텍스트 데이터 리셋 (필요한 경우)
clearAllAnalyticsData(); if (resetBudgetData) {
resetBudgetData();
}
// 초기화 후 dontShowWelcome 값 확인
const afterResetValue = localStorage.getItem('dontShowWelcome');
console.log('useDataInitialization - 초기화 후 dontShowWelcome 값:', afterResetValue);
// 값이 유지되지 않았다면 복원
if (dontShowWelcomeValue && afterResetValue !== dontShowWelcomeValue) {
console.log('useDataInitialization - dontShowWelcome 값 복원:', dontShowWelcomeValue);
localStorage.setItem('dontShowWelcome', dontShowWelcomeValue);
}
console.log('모든 데이터 초기화 완료');
return true;
} catch (error) {
console.error('데이터 초기화 중 오류 발생:', error);
return false;
} }
// 컨텍스트 데이터 리셋 (마지막에 한번 더)
if (resetBudgetData) {
resetBudgetData();
}
// 초기화 후 dontShowWelcome 값 확인
const afterResetValue = localStorage.getItem('dontShowWelcome');
console.log('useDataInitialization - 초기화 후 dontShowWelcome 값:', afterResetValue);
// 값이 유지되지 않았다면 복원
if (dontShowWelcomeValue && afterResetValue !== dontShowWelcomeValue) {
console.log('useDataInitialization - dontShowWelcome 값 복원:', dontShowWelcomeValue);
localStorage.setItem('dontShowWelcome', dontShowWelcomeValue);
}
console.log('모든 데이터 초기화 완료');
return true;
}, [resetBudgetData]); }, [resetBudgetData]);
// 분석 페이지 데이터 초기화 함수 // 분석 페이지 데이터 초기화 함수
const clearAllAnalyticsData = useCallback(() => { const clearAllAnalyticsData = useCallback(() => {
// 분석 관련 데이터 강제 삭제 try {
const analyticsKeys = [ // 분석 관련 데이터만 선택적으로 삭제 (전체 데이터는 건드리지 않음)
'analytics', 'monthlyTotals', 'chartData', const analyticsKeys = [
'expenseHistory', 'budgetHistory', 'categorySpending', 'analytics', 'monthlyTotals', 'chartData',
'monthlyData', 'expenseData', 'analyticData' 'expenseHistory', 'budgetHistory', 'categorySpending',
]; 'monthlyData', 'expenseData', 'analyticData'
];
analyticsKeys.forEach(key => {
localStorage.removeItem(key); analyticsKeys.forEach(key => {
});
// 모든 localStorage 순회하며 월간, 차트, 분석 관련 키워드 삭제
for (let i = localStorage.length - 1; i >= 0; i--) {
const key = localStorage.key(i);
if (key && (
key.includes('month') ||
key.includes('chart') ||
key.includes('analytics') ||
key.includes('expense') ||
key.includes('budget') ||
key.includes('total')
)) {
console.log(`분석 데이터 삭제: ${key}`);
localStorage.removeItem(key); localStorage.removeItem(key);
});
// 월간, 차트, 분석 관련 키워드가 포함된 항목만 삭제
for (let i = localStorage.length - 1; i >= 0; i--) {
const key = localStorage.key(i);
if (key && (
key.includes('month') ||
key.includes('chart') ||
key.includes('analytics') ||
key.includes('expense') ||
key.includes('budget') ||
key.includes('total')
) &&
// 핵심 데이터는 건드리지 않도록 제외
!key.includes('budgetData') &&
!key.includes('transactions') &&
!key.includes('categoryBudgets')) {
console.log(`분석 데이터 삭제: ${key}`);
localStorage.removeItem(key);
}
} }
return true;
} catch (error) {
console.error('분석 데이터 초기화 중 오류:', error);
return false;
} }
return true;
}, []); }, []);
// 데이터 초기화 실행 - 첫 방문시에만 // 데이터 초기화 실행 - 첫 방문시에만
useEffect(() => { useEffect(() => {
if (!isInitialized) { if (!isInitialized) {
const result = initializeAllData(); // 이미 방문한 적이 있는지 체크 (이미 있다면 초기화하지 않음)
setIsInitialized(result); const hasVisitedBefore = localStorage.getItem('hasVisitedBefore') === 'true';
if (hasVisitedBefore) {
console.log('이미 방문 기록이 있어 초기화를 건너뜁니다.');
setIsInitialized(true);
} else {
const result = initializeAllData();
setIsInitialized(result);
}
} }
// 방문 기록 저장 (첫 방문 이후 항상 true로 설정) // 방문 여부 체크용 키 설정 (항상 true로 설정)
localStorage.setItem('hasVisitedBefore', 'true'); localStorage.setItem('hasVisitedBefore', 'true');
}, [isInitialized, initializeAllData]); }, [isInitialized, initializeAllData]);

View File

@@ -3,113 +3,152 @@ import { Transaction } from '@/components/TransactionCard';
// 트랜잭션 데이터 불러오기 // 트랜잭션 데이터 불러오기
export const loadTransactionsFromStorage = (): Transaction[] => { export const loadTransactionsFromStorage = (): Transaction[] => {
const localData = localStorage.getItem('transactions'); try {
if (localData) { const localData = localStorage.getItem('transactions');
return JSON.parse(localData) as Transaction[]; if (localData) {
return JSON.parse(localData) as Transaction[];
}
// 백업에서 복구 시도
const backupData = localStorage.getItem('transactions_backup');
if (backupData) {
console.log('트랜잭션 데이터 백업에서 복구');
localStorage.setItem('transactions', backupData); // 메인 스토리지 복원
return JSON.parse(backupData) as Transaction[];
}
} catch (error) {
console.error('트랜잭션 데이터 로드 중 오류:', error);
} }
return [];
};
// 기본 샘플 데이터 생성
export const createSampleTransactions = (selectedMonth: string): Transaction[] => {
// 샘플 데이터는 생성하지 않고 빈 배열 반환 (초기 상태에서는 데이터가 없어야 함)
return []; return [];
}; };
// 트랜잭션 데이터 저장하기 // 트랜잭션 데이터 저장하기
export const saveTransactionsToStorage = (transactions: Transaction[]): void => { export const saveTransactionsToStorage = (transactions: Transaction[]): void => {
localStorage.setItem('transactions', JSON.stringify(transactions)); try {
const dataString = JSON.stringify(transactions);
localStorage.setItem('transactions', dataString);
// 백업 저장 (데이터 손실 방지)
localStorage.setItem('transactions_backup', dataString);
// 이벤트 발생
window.dispatchEvent(new Event('transactionUpdated'));
} catch (error) {
console.error('트랜잭션 저장 중 오류:', error);
}
}; };
// 예산 불러오기 // 예산 불러오기 (이전 버전과의 호환성 유지)
export const loadBudgetFromStorage = (): number => { export const loadBudgetFromStorage = (): number => {
const budgetData = localStorage.getItem('budget'); try {
if (budgetData) { // 새 구조의 budgetData 확인
const parsedBudget = JSON.parse(budgetData); const budgetData = localStorage.getItem('budgetData');
return parsedBudget.total || 0; // 기본값을 0으로 변경 if (budgetData) {
const parsedBudgetData = JSON.parse(budgetData);
if (parsedBudgetData.monthly && typeof parsedBudgetData.monthly.targetAmount === 'number') {
return parsedBudgetData.monthly.targetAmount;
}
}
// 기존 구조 확인
const budget = localStorage.getItem('budget');
if (budget) {
const parsedBudget = JSON.parse(budget);
return parsedBudget.total || 0;
}
} catch (error) {
console.error('예산 데이터 로드 중 오류:', error);
} }
return 0; // 기본값 0으로 변경
return 0;
}; };
// 모든 데이터 완전히 초기화 // 모든 데이터 완전히 초기화
export const resetAllStorageData = (): void => { export const resetAllStorageData = (): void => {
console.log('완전 초기화 시작 - resetAllStorageData'); console.log('완전 초기화 시작 - resetAllStorageData');
// 모든 Storage 키 목록 (명시적으로 더 많은 키 추가) try {
const keysToRemove = [ // 중요: 사용자 설정 값 백업
'transactions', const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome');
'budget', const hasVisitedBefore = localStorage.getItem('hasVisitedBefore');
'monthlyExpenses',
'budgetData', // 모든 Storage 키 목록
'categoryBudgets', const keysToRemove = [
'analyticData', 'transactions',
'expenseData', 'budget',
'chartData', 'monthlyExpenses',
'monthlyData', 'budgetData',
'spendingData', 'categoryBudgets',
'categorySpending', 'analyticData',
'monthlyBudget', 'expenseData',
'dailyBudget', 'chartData',
'weeklyBudget', 'monthlyData',
'hasVisitedBefore', 'spendingData',
'dontShowWelcome', 'categorySpending',
'monthlyTotals', 'monthlyBudget',
'analytics', 'dailyBudget',
'expenseHistory', 'weeklyBudget',
'budgetHistory', 'monthlyTotals',
'transactionHistory', 'analytics',
'lastSync', 'expenseHistory',
'syncEnabled' 'budgetHistory',
]; 'transactionHistory',
'lastSync',
// 명시적으로 알려진 키들 삭제 'syncEnabled'
keysToRemove.forEach(key => { ];
console.log(`삭제 중: ${key}`);
localStorage.removeItem(key); // 키 삭제
}); keysToRemove.forEach(key => {
console.log(`삭제 중: ${key}`);
// 명시적으로 트랜잭션 초기화 localStorage.removeItem(key);
localStorage.setItem('transactions', JSON.stringify([])); });
// 모든 예산 관련, 지출 관련 데이터 검색 및 삭제 // 백업 키도 삭제
const keywordsToFind = [ keysToRemove.forEach(key => {
'budget', 'expense', 'transaction', 'analytic', localStorage.removeItem(`${key}_backup`);
'spending', 'chart', 'financial', 'money', });
'category', 'month', 'daily', 'weekly', 'total',
'sync', 'cache', 'visited', 'welcome', 'target', // 기본값으로 초기화
'remain', 'goal', 'analytics', 'data' localStorage.setItem('transactions', JSON.stringify([]));
]; localStorage.setItem('budgetData', JSON.stringify({
daily: {targetAmount: 0, spentAmount: 0, remainingAmount: 0},
// 모든 localStorage 순회하며 키워드 포함된 항목 삭제 weekly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0},
for (let i = localStorage.length - 1; i >= 0; i--) { monthly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0}
const key = localStorage.key(i); }));
if (key) { localStorage.setItem('categoryBudgets', JSON.stringify({
const lowerKey = key.toLowerCase(); 식비: 0,
if (keywordsToFind.some(keyword => lowerKey.includes(keyword))) { 교통비: 0,
console.log(`추가 데이터 삭제: ${key}`); 생활비: 0,
localStorage.removeItem(key); 쇼핑: 0,
} 의료: 0,
여가: 0,
교육: 0,
기타: 0
}));
// 백업 생성
localStorage.setItem('transactions_backup', JSON.stringify([]));
localStorage.setItem('budgetData_backup', localStorage.getItem('budgetData') || '');
localStorage.setItem('categoryBudgets_backup', localStorage.getItem('categoryBudgets') || '');
// 사용자 설정 값 복원
if (dontShowWelcomeValue) {
localStorage.setItem('dontShowWelcome', dontShowWelcomeValue);
} }
if (hasVisitedBefore) {
localStorage.setItem('hasVisitedBefore', hasVisitedBefore);
}
// 이벤트 발생
window.dispatchEvent(new Event('transactionUpdated'));
window.dispatchEvent(new Event('budgetDataUpdated'));
window.dispatchEvent(new Event('categoryBudgetsUpdated'));
window.dispatchEvent(new StorageEvent('storage'));
console.log('모든 저장소 데이터가 완전히 초기화되었습니다.');
} catch (error) {
console.error('데이터 초기화 중 오류:', error);
} }
// 강제로 빈 데이터로 초기화
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}
}));
localStorage.setItem('categoryBudgets', JSON.stringify({
식비: 0,
교통비: 0,
생활비: 0,
쇼핑: 0,
의료: 0,
여가: 0,
교육: 0,
기타: 0
}));
console.log('모든 저장소 데이터가 완전히 초기화되었습니다.');
}; };