본문으로 이동
DTYPE LAB으로

Tessra

공개 · VS Code 확장

VS Code 안에서 쓰는 local-first API 클라이언트.

VS Code에 설치한 확장을 녹화한 데모20초 · 소리 있음

영상 순서

URL에 {{variable}}을 자동완성으로 넣고 요청을 보내면 200 OK JSON 응답이 옵니다.
Command Palette에서 local을 staging으로 바꾸고 같은 요청을 다시 보내 staging 응답을 받습니다.
Collection Runner에서 요청 하나가 503으로 실패하고, Rerun Failed로 실패한 요청만 다시 실행합니다.
text/event-stream 응답의 이벤트가 들어오는 대로 화면에 표시됩니다.

작업 화면

컬렉션, 환경, 변수, 기록과 응답 뷰어가 VS Code 안의 한 작업 공간에 있습니다.

VS Code의 실제 Tessra 작업 화면. 데모 컬렉션과 JSONPlaceholder 샘플 API 응답
VS Code 작업 화면 · 샘플 API 응답원본 이미지 보기

노트

지금 되는 것
VS Code 안에서 요청을 만들고 보내고 응답을 봅니다. 환경과 변수, 컬렉션 실행, 스크립트, 응답 비교, 코드 생성, cURL·OpenAPI·Postman 가져오기와 내보내기, WebSocket 연결을 지원합니다.
로컬 보관
로그인, 클라우드 동기화, 텔레메트리가 없습니다. 네트워크 요청은 사용자가 직접 보내는 API 요청뿐입니다. 요청과 metadata는 로컬 JSON에, 비밀로 보호한 변수 값은 VS Code SecretStorage에 저장합니다.
영상
화면은 VS Code에 설치한 확장을 실제로 녹화했고, 캡션·카메라 이동·포인터·사운드트랙은 후반에 더했습니다.
상태
VS Code Marketplace에 공개되어 있습니다.