Address unresolved issues
This commit addresses previously reported issues that remain unresolved. Further investigation is required.
This commit is contained in:
gpt-engineer-app[bot]
@@ -1,175 +1,97 @@
|
||||
|
||||
import { Transaction } from '@/components/TransactionCard';
|
||||
/**
|
||||
* 스토리지 관련 유틸리티 함수
|
||||
*/
|
||||
|
||||
// 트랜잭션 데이터 불러오기
|
||||
export const loadTransactionsFromStorage = (): 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 [];
|
||||
};
|
||||
// 보존할 항목 목록
|
||||
const PRESERVE_KEYS = [
|
||||
'dontShowWelcome',
|
||||
'hasVisitedBefore',
|
||||
// Supabase 인증 관련 키는 보존
|
||||
'supabase.auth.token',
|
||||
'sb-',
|
||||
'supabase-auth',
|
||||
];
|
||||
|
||||
// 트랜잭션 데이터 저장하기
|
||||
export const saveTransactionsToStorage = (transactions: Transaction[]): void => {
|
||||
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 => {
|
||||
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;
|
||||
};
|
||||
|
||||
// 모든 데이터 완전히 초기화 - 성능 최적화
|
||||
/**
|
||||
* 모든 로컬 스토리지 데이터 초기화 (보존할 항목 제외)
|
||||
*/
|
||||
export const resetAllStorageData = (): void => {
|
||||
console.log('완전 초기화 시작 - resetAllStorageData');
|
||||
|
||||
try {
|
||||
// 중요: 사용자 설정 값 백업
|
||||
const dontShowWelcomeValue = localStorage.getItem('dontShowWelcome');
|
||||
const hasVisitedBefore = localStorage.getItem('hasVisitedBefore');
|
||||
// 로그인 상태 관련 데이터 백업
|
||||
const authSession = localStorage.getItem('authSession');
|
||||
const sbAuth = localStorage.getItem('sb-auth-token');
|
||||
const supabase = localStorage.getItem('supabase.auth.token');
|
||||
console.log('[스토리지 초기화] 시작');
|
||||
|
||||
// 모든 Storage 키 목록 (로그인 관련 항목 제외)
|
||||
const keysToRemove = [
|
||||
'transactions',
|
||||
'budget',
|
||||
'monthlyExpenses',
|
||||
'budgetData',
|
||||
'categoryBudgets',
|
||||
'analyticData',
|
||||
'expenseData',
|
||||
'chartData',
|
||||
'monthlyData',
|
||||
'spendingData',
|
||||
'categorySpending',
|
||||
'monthlyBudget',
|
||||
'dailyBudget',
|
||||
'weeklyBudget',
|
||||
'monthlyTotals',
|
||||
'analytics',
|
||||
'expenseHistory',
|
||||
'budgetHistory',
|
||||
'transactionHistory',
|
||||
'lastSync',
|
||||
'syncEnabled'
|
||||
];
|
||||
// 보존할 항목 백업
|
||||
const preservedItems: Record<string, string | null> = {};
|
||||
|
||||
// 키 동시에 삭제 (성능 최적화)
|
||||
keysToRemove.forEach(key => {
|
||||
console.log(`삭제 중: ${key}`);
|
||||
localStorage.removeItem(key);
|
||||
localStorage.removeItem(`${key}_backup`); // 백업 키도 함께 삭제
|
||||
// 로컬스토리지 키 목록 가져오기
|
||||
const keys: string[] = [];
|
||||
for (let i = 0; i < localStorage.length; i++) {
|
||||
const key = localStorage.key(i);
|
||||
if (key) keys.push(key);
|
||||
}
|
||||
|
||||
// 보존할 항목 백업
|
||||
keys.forEach(key => {
|
||||
const shouldPreserve = PRESERVE_KEYS.some(pattern =>
|
||||
key === pattern || (pattern.endsWith('-') && key.startsWith(pattern))
|
||||
);
|
||||
|
||||
if (shouldPreserve) {
|
||||
preservedItems[key] = localStorage.getItem(key);
|
||||
console.log(`[스토리지 초기화] 보존 항목: ${key}`);
|
||||
}
|
||||
});
|
||||
|
||||
// 기본값으로 초기화 - 한번에 처리
|
||||
const defaultData = {
|
||||
transactions: JSON.stringify([]),
|
||||
budgetData: JSON.stringify({
|
||||
daily: {targetAmount: 0, spentAmount: 0, remainingAmount: 0},
|
||||
weekly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0},
|
||||
monthly: {targetAmount: 0, spentAmount: 0, remainingAmount: 0}
|
||||
}),
|
||||
categoryBudgets: JSON.stringify({
|
||||
식비: 0,
|
||||
교통비: 0,
|
||||
생활비: 0
|
||||
})
|
||||
};
|
||||
// 모든 데이터 삭제
|
||||
localStorage.clear();
|
||||
console.log('[스토리지 초기화] 모든 데이터 삭제됨');
|
||||
|
||||
// 모든 기본값 한번에 설정
|
||||
Object.entries(defaultData).forEach(([key, value]) => {
|
||||
localStorage.setItem(key, value);
|
||||
localStorage.setItem(`${key}_backup`, value);
|
||||
// 보존할 항목 복원
|
||||
Object.entries(preservedItems).forEach(([key, value]) => {
|
||||
if (value !== null) {
|
||||
localStorage.setItem(key, value);
|
||||
console.log(`[스토리지 초기화] 항목 복원: ${key}`);
|
||||
}
|
||||
});
|
||||
|
||||
// 사용자 설정 값 복원
|
||||
if (dontShowWelcomeValue) {
|
||||
localStorage.setItem('dontShowWelcome', dontShowWelcomeValue);
|
||||
// 완전 삭제 확인을 위한 백업 데이터도 삭제
|
||||
if (localStorage.getItem('transactions_backup')) {
|
||||
localStorage.removeItem('transactions_backup');
|
||||
console.log('[스토리지 초기화] 트랜잭션 백업 데이터 삭제됨');
|
||||
}
|
||||
|
||||
if (hasVisitedBefore) {
|
||||
localStorage.setItem('hasVisitedBefore', hasVisitedBefore);
|
||||
if (localStorage.getItem('budgetData_backup')) {
|
||||
localStorage.removeItem('budgetData_backup');
|
||||
console.log('[스토리지 초기화] 예산 백업 데이터 삭제됨');
|
||||
}
|
||||
|
||||
// 로그인 상태 복원
|
||||
if (authSession) {
|
||||
localStorage.setItem('authSession', authSession);
|
||||
if (localStorage.getItem('categoryBudgets_backup')) {
|
||||
localStorage.removeItem('categoryBudgets_backup');
|
||||
console.log('[스토리지 초기화] 카테고리 예산 백업 삭제됨');
|
||||
}
|
||||
|
||||
if (sbAuth) {
|
||||
localStorage.setItem('sb-auth-token', sbAuth);
|
||||
}
|
||||
|
||||
if (supabase) {
|
||||
localStorage.setItem('supabase.auth.token', supabase);
|
||||
}
|
||||
|
||||
// 동기화 설정은 무조건 OFF로 설정
|
||||
localStorage.setItem('syncEnabled', 'false');
|
||||
console.log('동기화 설정이 OFF로 변경되었습니다');
|
||||
|
||||
// 모든 이벤트 한 번에 발생 (성능 최적화)
|
||||
const events = [
|
||||
new Event('transactionUpdated'),
|
||||
new Event('budgetDataUpdated'),
|
||||
new Event('categoryBudgetsUpdated'),
|
||||
new StorageEvent('storage'),
|
||||
new Event('auth-state-changed')
|
||||
];
|
||||
|
||||
events.forEach(event => window.dispatchEvent(event));
|
||||
|
||||
console.log('모든 저장소 데이터가 완전히 초기화되었습니다. (동기화 설정이 OFF로 변경됨)');
|
||||
console.log('[스토리지 초기화] 완료');
|
||||
} catch (error) {
|
||||
console.error('데이터 초기화 중 오류:', error);
|
||||
console.error('[스토리지 초기화] 오류:', error);
|
||||
throw error;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 특정 키에 해당하는 데이터 삭제
|
||||
*/
|
||||
export const clearStorageItem = (key: string): void => {
|
||||
try {
|
||||
localStorage.removeItem(key);
|
||||
console.log(`[스토리지] ${key} 데이터 삭제됨`);
|
||||
|
||||
// 관련 백업 데이터도 삭제
|
||||
const backupKey = `${key}_backup`;
|
||||
if (localStorage.getItem(backupKey)) {
|
||||
localStorage.removeItem(backupKey);
|
||||
console.log(`[스토리지] ${backupKey} 데이터 삭제됨`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(`[스토리지] ${key} 삭제 중 오류:`, error);
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user