개발여행

프론트엔드의 Insomnia 시작 가이드 본문

Frontend

프론트엔드의 Insomnia 시작 가이드

jbilee 2024. 9. 12. 13:05

Insomnia는 백엔드 RESTful API를 테스트해볼 수 있는 다양한 툴 중 하나다. 작성한 API를 JSON 파일 형태로 손쉽게 공유가 가능해서 같은 Insomnia 워크스페이스 멤버가 아니더라도 API를 테스트할 수 있다.

 

만약 백엔드로부터 Insomnia에서 돌리는 JSON 파일만 받은 상황이라면 아래 순서대로 불러오면 된다.

 

1. Collection 접근

워크스페이스 멤버로 초대된 경우 해당 워크스페이스의 Collection을 클릭해 들어간다. 따로 워크스페이스가 없을 경우 무료로 제공되는 내 워크스페이스에서 새 Collection을 직접 생성해서 들어가도 무방하다.

Collection 화면

 

2. JSON 파일 import

Collection명을 클릭해 메뉴에서 [From File] 옵션을 선택하면 JSON 파일을 가져올 수 있다. 파일을 선택하고 [Scan] 버튼을 눌러 import를 완료한다.

Collection 메뉴에서 Import > From File 선택
JSON 파일을 업로드하고 Scan 선택
Import한 API가 보이는 화면

 

3. Base Environment 선택

API 파일 import만 진행한 상태라면 API를 테스트해보려고 할 때 아래 이미지처럼 요청 주소에 base_url이 빨간색으로 떠있을 것이다. Base Environment를 선택하지 않아서 base_url 값이 없다는 뜻이다.

Base Environment 설정이 비어있는 경우

 

Collection명 아래 Base Environment를 클릭하면 JSON 파일에 따라 설정되어있는 환경을 선택할 수 있는 선택지가 뜬다. 환경을 선택하면 해당 환경의 URL이 base_url에 반영된다.

Base Environment 선택창

 

위 작업까지 마치고 나면 정상적으로 API를 테스트해볼 수 있다.

'Frontend' 카테고리의 다른 글

UnoCSSㅡNext.js 셋업  (0) 2024.09.10
Vuetify 시작하기  (0) 2024.08.19
MUI 컴포넌트의 SSR flickering 이슈 해결법  (0) 2024.08.03
FSD 아키텍쳐 알아보기  (0) 2024.08.01
ARIA란?  (0) 2024.07.31