cURL → fetch 변환기

cURL 명령어를 JavaScript fetch 코드로 즉시 변환합니다. API 문서에서 cURL 샘플을 복사해 붙여넣으면 메서드·헤더·바디가 모두 채워진 fetch 함수를 생성합니다.

카테고리: 개발자 도구

언제 사용하나요?

브라우저 개발자 도구나 API 문서에서 복사한 cURL 요청을 프론트엔드 코드로 빠르게 옮겨야 할 때 사용합니다.

사용 방법

  • cURL 명령어를 입력합니다.
  • URL, method, header, body를 분석합니다.
  • 생성된 fetch 코드를 복사합니다.

입력값 안내

curl로 시작하는 명령어와 -X, -H, -d 옵션을 입력합니다.

계산·변환 기준

명령어 토큰을 파싱해 URL, HTTP 메서드, 헤더, 바디 값을 추출한 뒤 fetch 옵션 객체로 재구성합니다.

사용 예시

  • API 샘플 코드 작성 - 문서의 cURL 예제를 fetch 코드로 변환합니다.
  • 브라우저 네트워크 탭 요청 재현 - 크롬 개발자 도구에서 'Copy as cURL'로 복사한 요청을 프론트엔드 코드로 빠르게 옮깁니다.
  • API 통합 테스트 준비 - 터미널 cURL 명령을 변환해 JavaScript 코드베이스에 바로 삽입합니다.

예시

  • curl -X POST -H "Content-Type: application/json" -d "{}" https://api.example.com → fetch 코드 생성
  • POST 요청 cURL 명령 → headers와 body가 채워진 fetch 코드 생성
  • curl -H "Authorization: Bearer TOKEN" https://api.example.com/users → fetch + Authorization 헤더 코드 생성
  • curl -X DELETE 요청 → fetch method: DELETE 구문으로 변환
  • API 문서의 cURL 샘플 → React/Node 프로젝트에 바로 붙여넣는 fetch 코드
  • 멀티라인 cURL 명령 (\n 연결) → 옵션 파싱 후 완성된 fetch 함수 생성

주의사항

  • 변환된 fetch 코드는 참고용 초안입니다. 인증 토큰, 쿠키 등 민감한 값은 환경 변수나 별도 설정으로 분리해 사용하세요.
  • 복잡한 cURL 옵션(--cert, --compressed, --proxy 등)은 지원되지 않을 수 있습니다. 변환 결과를 반드시 확인하고 사용하세요.

자주 묻는 질문

모든 cURL 옵션을 지원하나요?

자주 쓰는 URL, method, header, body 옵션 중심으로 지원합니다.

붙여넣은 cURL 명령이 실행되나요?

아니요. 명령을 분석해 fetch 코드로 변환만 하며 실제 요청을 보내지 않습니다.

헤더와 본문도 변환되나요?

-H 헤더와 -d 본문 옵션을 읽어 fetch의 headers·body 옵션으로 함께 변환합니다.

변환한 코드를 바로 실행할 수 있나요?

대부분의 GET·POST 요청은 그대로 동작하지만, 인증 토큰이나 환경에 따라 값을 직접 채워야 할 수 있습니다.

관련 도구

  • JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
  • UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.
  • SQL 포매터 - 압축되거나 뒤섞인 SQL 쿼리를 SELECT·FROM·WHERE·JOIN 등 절 단위로 보기 좋게 정렬합니다. MySQL·PostgreSQL·SQLite 등 주요 DBMS 방언을 지원합니다.
  • HTML 포매터 - 한 줄로 압축되거나 들여쓰기가 엉망인 HTML 코드를 태그 계층에 맞춰 줄바꿈과 들여쓰기로 정리합니다. CMS·API에서 받은 HTML 응답을 분석할 때 특히 유용합니다.
  • CSS 포매터 - minify되거나 뒤섞인 CSS 코드를 선택자·속성별로 줄 분리해 정렬합니다. @media 쿼리와 :root 변수 블록도 계층에 맞게 들여쓰기합니다.
  • 코드 비교 도구 - 두 코드 또는 텍스트를 줄 단위로 비교해 추가·삭제 내용을 표시합니다.