💻 Dev

🛠️ 처음부터 만드는 Retry — p-retry 스타일 지수 백오프 재시도기 15줄 구현

API 호출이 실패하면 자동으로 다시 시도하는 Retry.
`p-retry` 라이브러리의 핵심을 15줄로 직접 만들어 봅니다.
---

핵심 구현


```typescript
type Options = {
retries?: number; // 최대 재시도 횟수
factor?: number; // 지수 백오프 배수
minTimeout?: number; // 첫 대기 시간(ms)
onRetry?: (err: Error, attempt: number) => void;
};
function retry(
fn: () => Promise,
{ retries = 3, factor = 2, minTimeout = 1000, onRetry }: Options = {}
): Promise {
return new Promise((resolve, reject) => {
let attempt = 0;
const run = async () => {
try {
resolve(await fn());
} catch (err) {
if (attempt >= retries) return reject(err);
const delay = minTimeout * factor ** attempt;
onRetry?.(err as Error, ++attempt);
setTimeout(run, delay);
}
};
run();
});
}
```
---

사용 예시


```typescript
const data = await retry(
() => fetch('/api/data').then(r => {
if (!r.ok) throw new Error(r.statusText);
return r.json();
}),
{
retries: 3,
minTimeout: 500,
onRetry: (err, n) => console.log(`⏳ ${n}회 재시도: ${err.message}`)
}
);
```
실패 시 500ms → 1000ms → 2000ms 간격으로 재시도합니다.
---

작동 원리 한 줄 요약


> 실패할 때마다 `minTimeout × factor^attempt`만큼 기다렸다가 다시 실행한다.
`factor = 2`면 대기 시간이 2배씩 늘어나는 지수 백오프(Exponential Backoff).
서버 과부하 시 요청이 동시에 몰리는 걸 방지하는 업계 표준 패턴입니다.
---

확장 아이디어


  • Jitter 추가 — `delay * (0.5 + Math.random())` → 동시 재시도 분산

  • AbortSignal 연동 — 취소 가능한 retry

  • 재시도 조건 필터 — 특정 에러만 retry, 나머지는 즉시 throw
  • 💬 0
    👁 0 views

    Comments (0)

    💬

    No comments yet.

    Be the first to comment!