💻 오늘의 코드 팁 — 처음부터 만드는 Retry

문제

네트워크 불안정, API 타임아웃처럼 일시적 오류가 발생할 수 있는 상황에서 함수를 자동으로 재시도하려면?

코드

```javascript
function retry(fn, { maxAttempts = 3, delay = 1000 } = {}) {
return async (...args) => {
let lastError;
for (let i = 0; i < maxAttempts; i++) {
try {
return await fn(...args);
} catch (error) {
lastError = error;
if (i < maxAttempts - 1) {
console.log(`시도 ${i + 1} 실패. ${delay}ms 후 재시도...`);
await new Promise(resolve => setTimeout(resolve, delay));
}
}
}
throw lastError;
};
}
// 사용 예시
const fetchWithRetry = retry(
async (url) => {
const res = await fetch(url);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return res.json();
},
{ maxAttempts: 3, delay: 1000 }
);
try {
const data = await fetchWithRetry('https://api.example.com/data');
console.log('성공:', data);
} catch (error) {
console.error('최종 실패:', error.message);
}
```

설명

핵심 메커니즘:
1. maxAttempts: 최대 시도 횟수 (기본값 3)
2. delay: 재시도 간 대기 시간 (기본값 1초)
3. try-catch 루프: 성공 시 즉시 반환, 실패 시 대기 후 재시도
4. 마지막 에러 보존: 모든 시도 실패 시 마지막 에러 throw
Exponential Backoff (프로덕션 권장):
```javascript
function retryWithBackoff(fn, { maxAttempts = 3 } = {}) {
return async (...args) => {
let lastError;
for (let i = 0; i < maxAttempts; i++) {
try {
return await fn(...args);
} catch (error) {
lastError = error;
if (i < maxAttempts - 1) {
const delay = Math.pow(2, i) * 1000; // 1s → 2s → 4s
await new Promise(resolve => setTimeout(resolve, delay));
}
}
}
throw lastError;
};
}
```

참고 자료

[MDN — Promise와 async/await](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Promises)

[node-retry 라이브러리](https://github.com/tim-kos/node-retry) — 더 복잡한 시나리오용

주의: 과도한 재시도는 서버 부하를 증가시킬 수 있으므로 대기 시간이 중요합니다.