Refactor data initialization process
Review and adjust the data initialization logic to ensure proper functionality.
This commit is contained in:
@@ -3,113 +3,152 @@ import { Transaction } from '@/components/TransactionCard';
|
||||
|
||||
// 트랜잭션 데이터 불러오기
|
||||
export const loadTransactionsFromStorage = (): Transaction[] => {
|
||||
const localData = localStorage.getItem('transactions');
|
||||
if (localData) {
|
||||
return JSON.parse(localData) as Transaction[];
|
||||
try {
|
||||
const localData = localStorage.getItem('transactions');
|
||||
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 [];
|
||||
};
|
||||
|
||||
// 트랜잭션 데이터 저장하기
|
||||
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 => {
|
||||
const budgetData = localStorage.getItem('budget');
|
||||
if (budgetData) {
|
||||
const parsedBudget = JSON.parse(budgetData);
|
||||
return parsedBudget.total || 0; // 기본값을 0으로 변경
|
||||
try {
|
||||
// 새 구조의 budgetData 확인
|
||||
const budgetData = localStorage.getItem('budgetData');
|
||||
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 => {
|
||||
console.log('완전 초기화 시작 - resetAllStorageData');
|
||||
|
||||
// 모든 Storage 키 목록 (명시적으로 더 많은 키 추가)
|
||||
const keysToRemove = [
|
||||
'transactions',
|
||||
'budget',
|
||||
'monthlyExpenses',
|
||||
'budgetData',
|
||||
'categoryBudgets',
|
||||
'analyticData',
|
||||
'expenseData',
|
||||
'chartData',
|
||||
'monthlyData',
|
||||
'spendingData',
|
||||
'categorySpending',
|
||||
'monthlyBudget',
|
||||
'dailyBudget',
|
||||
'weeklyBudget',
|
||||
'hasVisitedBefore',
|
||||
'dontShowWelcome',
|
||||
'monthlyTotals',
|
||||
'analytics',
|
||||
'expenseHistory',
|
||||
'budgetHistory',
|
||||
'transactionHistory',
|
||||
'lastSync',
|
||||
'syncEnabled'
|
||||
];
|
||||
|
||||
// 명시적으로 알려진 키들 삭제
|
||||
keysToRemove.forEach(key => {
|
||||
console.log(`삭제 중: ${key}`);
|
||||
localStorage.removeItem(key);
|
||||
});
|
||||
|
||||
// 명시적으로 트랜잭션 초기화
|
||||
localStorage.setItem('transactions', JSON.stringify([]));
|
||||
|
||||
// 모든 예산 관련, 지출 관련 데이터 검색 및 삭제
|
||||
const keywordsToFind = [
|
||||
'budget', 'expense', 'transaction', 'analytic',
|
||||
'spending', 'chart', 'financial', 'money',
|
||||
'category', 'month', 'daily', 'weekly', 'total',
|
||||
'sync', 'cache', 'visited', 'welcome', 'target',
|
||||
'remain', 'goal', 'analytics', 'data'
|
||||
];
|
||||
|
||||
// 모든 localStorage 순회하며 키워드 포함된 항목 삭제
|
||||
for (let i = localStorage.length - 1; i >= 0; i--) {
|
||||
const key = localStorage.key(i);
|
||||
if (key) {
|
||||
const lowerKey = key.toLowerCase();
|
||||
if (keywordsToFind.some(keyword => lowerKey.includes(keyword))) {
|
||||
console.log(`추가 데이터 삭제: ${key}`);
|
||||
localStorage.removeItem(key);
|
||||
}
|
||||
try {
|
||||
// 중요: 사용자 설정 값 백업
|
||||
const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome');
|
||||
const hasVisitedBefore = localStorage.getItem('hasVisitedBefore');
|
||||
|
||||
// 모든 Storage 키 목록
|
||||
const keysToRemove = [
|
||||
'transactions',
|
||||
'budget',
|
||||
'monthlyExpenses',
|
||||
'budgetData',
|
||||
'categoryBudgets',
|
||||
'analyticData',
|
||||
'expenseData',
|
||||
'chartData',
|
||||
'monthlyData',
|
||||
'spendingData',
|
||||
'categorySpending',
|
||||
'monthlyBudget',
|
||||
'dailyBudget',
|
||||
'weeklyBudget',
|
||||
'monthlyTotals',
|
||||
'analytics',
|
||||
'expenseHistory',
|
||||
'budgetHistory',
|
||||
'transactionHistory',
|
||||
'lastSync',
|
||||
'syncEnabled'
|
||||
];
|
||||
|
||||
// 키 삭제
|
||||
keysToRemove.forEach(key => {
|
||||
console.log(`삭제 중: ${key}`);
|
||||
localStorage.removeItem(key);
|
||||
});
|
||||
|
||||
// 백업 키도 삭제
|
||||
keysToRemove.forEach(key => {
|
||||
localStorage.removeItem(`${key}_backup`);
|
||||
});
|
||||
|
||||
// 기본값으로 초기화
|
||||
localStorage.setItem('transactions', JSON.stringify([]));
|
||||
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
|
||||
}));
|
||||
|
||||
// 백업 생성
|
||||
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('모든 저장소 데이터가 완전히 초기화되었습니다.');
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user