🛠️ 처음부터 만드는 Retry — 실패한 작업을 자동으로 재시도하기

네트워크 요청이나 API 호출이 일시적으로 실패할 때가 있습니다. Retry 패턴으로 지정된 횟수만큼 자동으로 다시 시도하는 함수를 만들어봅시다.

기본 구현

```javascript
function retry(fn, maxAttempts = 3) {
return async (...args) => {
for (let attempt = 1; attempt <= maxAttempts; attempt++) {
try {
return await fn(...args);
} catch (error) {
if (attempt === maxAttempts) throw error;
}
}
};
}
// 사용
const fetchUser = retry(async (id) => {
const res = await fetch(`/api/users/${id}`);
if (!res.ok) throw new Error('Failed');
return res.json();
}, 3);
await fetchUser(1); // 최대 3회 시도
```

심화: 지수 백오프(Exponential Backoff)

재시도 사이에 시간 간격을 두어 서버에 부하를 줄입니다:
```javascript
function retryWithBackoff(fn, maxAttempts = 3, baseDelay = 100) {
return async (...args) => {
for (let attempt = 1; attempt <= maxAttempts; attempt++) {
try {
return await fn(...args);
} catch (error) {
if (attempt === maxAttempts) throw error;
const delay = baseDelay * Math.pow(2, attempt - 1);
await new Promise(r => setTimeout(r, delay));
}
}
};
}
```
첫 재시도: 100ms 대기 → 두 번째: 200ms → 세 번째: 400ms

실전: 조건부 재시도

특정 에러에만 재시도하고 싶을 때:
```javascript
function smartRetry(fn, shouldRetry = (err) => true, maxAttempts = 3) {
return async (...args) => {
for (let attempt = 1; attempt <= maxAttempts; attempt++) {
try {
return await fn(...args);
} catch (error) {
if (!shouldRetry(error) || attempt === maxAttempts) throw error;
await new Promise(r => setTimeout(r, 100 * attempt));
}
}
};
}
// 네트워크 에러만 재시도
const fetchWithRetry = smartRetry(
fetchData,
(err) => err.code === 'ECONNREFUSED' || err.status >= 500
);
```

언제 사용할까?

🌐 API/HTTP 요청 (네트워크 일시적 오류)

💾 데이터베이스 쿼리 (일시적 연결 오류)

⚙️ 외부 서비스 호출 (서버 재시작 중)

📧 메시지 큐 (일시적 실패)

주의: 멱등성(idempotent)이 보장되지 않으면 위험합니다. 예를 들어 금융 거래는 중복 실행되면 안 되므로 신중하게 사용하세요.
참고: [Promise 공식 문서](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)