본문으로 건너뛰기
TypeScript Fetch Request Builder

읽기 쉬운 요청,
명확한 실행.

dench-fetch는 네이티브 Fetch API의 유연함을 유지하면서, 반복되는 요청 설정을 짧고 타입 안전한 체인으로 정리합니다.

빠르게 시작하기GitHub
Fetch API 기반타입 지원명시적 실행
Dench logo
dench-fetchSmall chain. Clear request.
request.tsREADY
const user = await api
  .get<User>('/users/1')
  .auth(token)
  .timeout(3000)
  .toJson();
GET/users/1200
FETCH, BUT FRIENDLIER

fetch의 힘은 그대로,
작성 경험은 더 가볍게.

dench-fetch는 네이티브 Fetch API 위에 만들어진 TypeScript 요청 빌더입니다. 복잡한 설정 객체 대신 짧고 읽기 쉬운 체인으로 요청을 구성하고, 필요한 순간에 명확하게 실행하세요.

request.tsdench-fetch
const user = await api
  .get<User>('/users/1')
  .auth('access-token')
  .timeout(3000)
  .toJson();
실제로 만들어지는 요청READY
GEThttps://api.example.com/users/1
Authorization
Bearer access-token
Timeout
3,000ms
Returns
Promise<User>
01READABLE CHAIN

요청의 의도가 그대로 읽힙니다

HTTP 메서드부터 인증, 제한 시간, 응답 형식까지 요청의 흐름을 위에서 아래로 자연스럽게 작성합니다.

.get<User>('/users/1')
.auth(token)
.timeout(3000)
.toJson()
02EXPLICIT RUNNER

실행 시점은 마지막에 명확하게

빌더를 구성하는 동안 요청은 전송되지 않습니다. 원하는 응답 형식을 선택하는 순간 실제 fetch가 실행됩니다.

.toJson()
.toResponse()
.toFormData()
03BODY HELPERS

body 형식도 고민 없이

JSON, FormData, Blob, URL encoded 데이터와 원시 body를 목적에 맞는 메서드로 설정할 수 있습니다.

.sendJson(data)
.sendForm(form)
.sendBlob(blob)
04REUSABLE BUILDER

공통 설정은 한 번만

인증과 timeout을 가진 빌더를 복사하고 API 경로만 바꿔 반복 설정을 줄일 수 있습니다.

common.copy().api('/users')
common.copy().api('/posts')
$npm install dench-fetch
문서에서 시작하기