동기화 로직 최적화 및 타입 오류 수정

- SyncState 인터페이스 개선 및 타입 오류 해결
- withRetry 함수를 네트워크 유틸리티에서 재사용하여 코드 중복 제거
- 오류 처리 및 로깅 개선
- 트랜잭션 다운로드/업로드 로직 최적화
This commit is contained in:
hansoo
2025-03-21 17:35:26 +09:00
parent 7041f0c321
commit e633eb95d3
4 changed files with 351 additions and 285 deletions

View File

@@ -27,7 +27,8 @@ export const uploadTransactions = async (userId: string): Promise<void> => {
.eq('user_id', userId);
if (fetchError) {
console.error('기존 트랜잭션 조회 실패:', fetchError);
console.error('[동기화] 기존 트랜잭션 조회 실패:', fetchError);
console.error('[동기화] 오류 상세:', JSON.stringify(fetchError, null, 2));
throw fetchError;
}
@@ -40,62 +41,92 @@ export const uploadTransactions = async (userId: string): Promise<void> => {
const updateTransactions = [];
for (const t of transactions) {
// 날짜 형식 정규화
const normalizedDate = normalizeDate(t.date);
const transactionData = {
user_id: userId,
title: t.title,
amount: t.amount,
date: normalizedDate, // 정규화된 날짜 사용
category: t.category,
type: t.type,
transaction_id: t.id,
notes: t.notes || null
};
if (existingIds.has(t.id)) {
updateTransactions.push(transactionData);
} else {
newTransactions.push(transactionData);
try {
// 날짜 형식 정규화
const normalizedDate = normalizeDate(t.date);
const transactionData = {
user_id: userId,
title: t.title || '무제',
amount: t.amount || 0,
date: normalizedDate, // 정규화된 날짜 사용
category: t.category || '기타',
type: t.type || 'expense',
transaction_id: t.id,
notes: t.notes || null
};
if (existingIds.has(t.id)) {
updateTransactions.push(transactionData);
} else {
newTransactions.push(transactionData);
}
} catch (err) {
console.error(`[동기화] 트랜잭션 처리 중 오류 (ID: ${t.id}):`, err);
// 개별 트랜잭션 오류는 기록하고 계속 진행
}
}
// 새 트랜잭션 삽입 (있는 경우)
// 새 트랜잭션 삽입 (있는 경우) - 배치 처리
if (newTransactions.length > 0) {
console.log(`${newTransactions.length}개의 새 트랜잭션 업로드`);
const { error: insertError } = await supabase
.from('transactions')
.insert(newTransactions);
if (insertError) {
console.error('새 트랜잭션 업로드 실패:', insertError);
throw insertError;
}
}
// 기존 트랜잭션 업데이트 (있는 경우)
if (updateTransactions.length > 0) {
console.log(`${updateTransactions.length}개의 기존 트랜잭션 업데이트`);
// 각 트랜잭션을 개별적으로 업데이트
for (const transaction of updateTransactions) {
const { error: updateError } = await supabase
// 대용량 데이터 처리를 위해 배치 처리 (최대 100개씩)
const batchSize = 100;
for (let i = 0; i < newTransactions.length; i += batchSize) {
const batch = newTransactions.slice(i, i + batchSize);
const { error: insertError } = await supabase
.from('transactions')
.update(transaction)
.eq('transaction_id', transaction.transaction_id)
.eq('user_id', userId);
.insert(batch);
if (updateError) {
console.error('트랜잭션 업데이트 실패:', updateError, transaction);
// 실패해도 계속 진행
if (insertError) {
console.error(`[동기화] 새 트랜잭션 배치 업로드 실패 (${i}~${i + batch.length}):`, insertError);
console.error('[동기화] 오류 상세:', JSON.stringify(insertError, null, 2));
// 배치 실패해도 다음 배치 계속 시도
}
}
}
console.log('트랜잭션 업로드 완료');
// 기존 트랜잭션 업데이트 (있는 경우) - 배치 처리
if (updateTransactions.length > 0) {
console.log(`${updateTransactions.length}개의 기존 트랜잭션 업데이트`);
// 대용량 데이터 처리를 위해 배치 처리 (최대 50개씩)
// 업데이트는 개별 쿼리보다 효율적이지만 삽입보다는 복잡하므로 더 작은 배치 크기 사용
const batchSize = 50;
for (let i = 0; i < updateTransactions.length; i += batchSize) {
const batch = updateTransactions.slice(i, i + batchSize);
// 배치 내 트랜잭션을 병렬로 업데이트 (Promise.all 사용)
const updatePromises = batch.map(transaction =>
supabase
.from('transactions')
.update(transaction)
.eq('transaction_id', transaction.transaction_id)
.eq('user_id', userId)
);
try {
const results = await Promise.all(updatePromises);
// 오류 확인
const errors = results.filter(result => result.error);
if (errors.length > 0) {
console.error(`[동기화] ${errors.length}개의 트랜잭션 업데이트 실패`);
errors.forEach(err => {
console.error('[동기화] 업데이트 오류:', err.error);
});
}
} catch (batchError) {
console.error(`[동기화] 트랜잭션 배치 업데이트 실패 (${i}~${i + batch.length}):`, batchError);
// 배치 실패해도 다음 배치 계속 시도
}
}
}
console.log('[동기화] 트랜잭션 업로드 완료');
} catch (error) {
console.error('트랜잭션 업로드 실패:', error);
console.error('[동기화] 트랜잭션 업로드 실패:', error);
console.error('[동기화] 오류 상세:', JSON.stringify(error, null, 2));
throw error;
}
};