AZ Tools

cURL → fetch / axios 변환

개발

cURL 플래그(`-X`·`-H`·`-d`·`--json`·`-u`·`-A`·`-b` 등)를 파싱해 깔끔한 JS 요청 코드 생성. 플랫폼 내장 `fetch` 또는 npm 라이브러리 `axios` 선택. 여러 줄 연속과 따옴표 처리 — 브라우저 "Copy as cURL" 결과를 그대로 붙여넣기 가능.

타겟:
JS 코드
const response = await fetch("https://api.example.com/v1/users", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "Authorization": "Bearer abc123",
  },
  body: "{\"name\":\"Alice\",\"role\":\"admin\"}",
});
const data = await response.json();

사용법

  1. 입력 박스에 cURL 명령 붙여넣기.
  2. 타겟에 맞춰 `fetch` 또는 `axios` 선택.
  3. 결과 코드를 프로젝트에 복사.

자주 묻는 질문

cURL 명령은 어디서 얻나?
Chrome·Firefox·Safari DevTools → Network 탭 → 요청 우클릭 → Copy → Copy as cURL. Postman·Insomnia에도 비슷한 내보내기.
`--json`도 지원?
지원. `--json` 단축형은 바디 설정 + 기존에 없으면 `Content-Type: application/json` 및 `Accept: application/json` 헤더 추가.
`-L`·`-s`·`-v`는?
요청 페이로드를 바꾸지 않는 플래그는 무시 — `fetch`·`axios`는 기본으로 리다이렉트 따르며, 자세한 출력은 CLI만의 관심사.
axios 출력에서 바디가 `data:`인 이유?
axios는 요청 바디에 `data` 사용. 바디가 유효한 JSON으로 파싱되면 JS 객체 리터럴로 출력, 아니면 문자열 fallback.

관련 도구