liminfo

API Tester

REST API 요청 테스트 (Postman 대체)

브라우저의 CORS 정책으로 인해 일부 외부 API 요청이 차단될 수 있습니다.

API Tester 소개

API Tester는 브라우저에서 완전히 실행되는 경량 REST 클라이언트입니다. HTTP 메서드(GET, POST, PUT, PATCH, DELETE)를 선택하고 대상 URL을 입력한 후, 키-값 쌍으로 커스텀 요청 헤더를 원하는 만큼 추가하고 POST, PUT, PATCH 요청에는 JSON 요청 본문을 입력할 수 있습니다. 전송 버튼을 누르면 응답 상태 코드, 소요 시간(밀리초), 응답 헤더, 포맷된 본문이 즉시 표시됩니다.

개발자들은 API 엔드포인트가 올바르게 응답하는지 빠르게 확인하거나, 개발 중 응답 페이로드를 검사하거나, 인증 헤더를 브라우저 탭을 벗어나지 않고 디버깅하기 위해 이 도구를 사용합니다. 유효한 JSON이 포함된 응답 본문은 자동으로 보기 좋게 포맷되어 중첩된 객체와 배열을 읽기 쉽게 표시합니다.

이 도구는 브라우저의 네이티브 fetch API를 사용하기 때문에 브라우저에서 실행되는 JavaScript 코드와 동일한 CORS 제한을 받습니다. 적절한 Access-Control-Allow-Origin 헤더가 있는 API는 문제 없이 작동합니다. CORS를 허용하지 않는 API의 경우 로컬 프록시나 개발용 CORS 비활성화 브라우저 확장을 사용하는 것을 권장합니다.

주요 기능

  • GET, POST, PUT, PATCH, DELETE HTTP 메서드 지원, 메서드별 색상 라벨 표시
  • 편집 가능한 키-값 쌍으로 커스텀 요청 헤더 무제한 추가
  • POST, PUT, PATCH 요청용 JSON 요청 본문 편집기
  • 응답 상태 코드, 상태 텍스트, 소요 시간(밀리초) 표시
  • 응답 본문과 응답 헤더를 탭으로 구분하여 확인
  • 읽기 쉬운 출력을 위한 자동 JSON 포맷팅
  • CORS 오류 발생 시 상세 설명과 해결 방법 안내
  • 응답 본문 원클릭 클립보드 복사

자주 묻는 질문

API Tester가 지원하는 HTTP 메서드는 무엇인가요?

GET, POST, PUT, PATCH, DELETE의 5가지 주요 RESTful HTTP 메서드를 지원합니다. 응답 화면에서 각 메서드는 색상으로 구분됩니다(GET 초록, POST 파랑, PUT 주황, PATCH 노랑, DELETE 빨강). 한눈에 요청을 구별할 수 있습니다.

보호된 API에 Authorization 헤더를 어떻게 추가하나요?

헤더 섹션에서 + 추가 버튼을 클릭하고 키에 Authorization을 입력하세요. Bearer 토큰 인증의 경우 값에 Bearer your_token_here를 입력합니다. Basic 인증의 경우 Basic base64인코딩된자격증명을 입력하세요. 입력한 그대로 헤더가 전송됩니다.

CORS로 요청이 차단되는 이유는 무엇인가요?

CORS(Cross-Origin Resource Sharing)는 서버가 Access-Control-Allow-Origin 응답 헤더로 명시적으로 허용하지 않는 한 JavaScript가 다른 도메인에 요청하는 것을 막는 브라우저 보안 정책입니다. 서버 간 통신용으로 설계된 API는 이 헤더를 포함하지 않습니다. 그런 API를 테스트하려면 Postman, curl, 또는 로컬 CORS 프록시를 사용하세요.

JSON 본문을 요청에 포함할 수 있나요?

네. POST, PUT, PATCH 요청에서는 요청 본문 입력창이 자동으로 나타납니다. JSON 페이로드를 입력하세요. Content-Type 헤더를 직접 설정하지 않으면 도구가 자동으로 Content-Type: application/json을 추가하여 서버가 본문을 올바르게 수신하고 파싱할 수 있게 합니다.

응답 시간은 어떻게 측정되나요?

fetch() 호출 직전과 응답 본문 전체를 읽은 직후에 performance.now()로 타임스탬프를 기록하여 차이를 밀리초로 표시합니다. 이 값은 네트워크 지연과 서버 처리 시간을 포함한 전체 왕복 시간을 나타냅니다.

API Tester는 파일 업로드나 멀티파트 폼을 지원하나요?

현재 버전은 JSON과 일반 텍스트 요청 본문을 지원합니다. multipart/form-data를 이용한 파일 업로드는 지원하지 않습니다. 파일 업로드 테스트에는 Postman이나 -F 플래그를 사용하는 curl을 활용하세요.

응답 헤더도 확인할 수 있나요?

네. 요청 성공 후 응답 헤더 탭을 클릭하면 서버가 반환한 모든 헤더를 확인할 수 있습니다. Content-Type, Cache-Control, Set-Cookie, 커스텀 서버 헤더 등이 키-값 쌍의 읽기 쉬운 목록으로 표시됩니다.

요청을 저장하거나 공유하는 방법이 있나요?

현재 버전은 페이지 새로고침 사이에 요청을 유지하거나 공유 링크를 생성하는 기능을 제공하지 않습니다. 각 세션은 새로 시작됩니다. 요청을 저장하고 관리하려면 Postman, Insomnia, Bruno 같은 전용 API 클라이언트를 병행하여 사용하세요.