API 응답 정리
붙여 넣은 JSON을 정리하고 경로를 확인한 뒤 타입이나 스키마 검증으로 이어갑니다.
- 1. JSON
페이로드를 검증하고 정리한 뒤 간단한 API 응답 보고서를 복사합니다.
- 2. JSONPath
코드나 문서에 필요한 정확한 필드 경로를 뽑습니다.
- 3. JSON TS
샘플 구조를 TypeScript 인터페이스 초안으로 바꿉니다.
JSONPath데이터개인정보: 브라우저 로컬
JSONPath 테스터
JSONPath 형태의 selector로 중첩 배열과 객체 값을 골라내 API 응답 구조를 확인합니다.
입력 / 출력
도구부터 사용
입력, 출력, 복사 작업은 이 영역에 모았습니다. 예제와 검토 내용은 아래에서 따로 확인합니다.
로컬 세션
입력 상태를 이 브라우저에만 저장해 계정 없이 마지막 작업을 복원할 수 있습니다.
결과 확인 후 검토
기본 입력/출력 흐름이 끝난 뒤 필요한 예제, 확인 목록, 관련 도구만 펼쳐 봅니다.
3 도구
JSON 필드 추출
payload를 정리하고 wildcard나 recursive key 경로를 테스트한 뒤 코드에 쓸 구조를 남깁니다.
- 1. JSON
필드를 고르기 전에 붙여 넣은 응답을 정리하고 검증합니다.
- 2. JSONPath
dot path, bracket key, wildcard, recursive key 검색을 테스트합니다.
- 3. JSON TS
필드 구조가 명확해지면 TypeScript 타입 초안을 만듭니다.
복사 전 확인
- 원본 입력과 결과 형태를 한 번 더 비교합니다.
- 대상 런타임, 인코딩, 시간대, 보안 정책 차이를 확인합니다.
- JSONPath 테스터 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.
흔한 실패 사례
- JSONPath 형태의 selector로 중첩 배열과 객체 값을 골라내 API 응답 구조를 확인합니다.
- 브라우저 로컬 처리 방식과 실제 입력 구조가 맞지 않으면 결과를 그대로 믿기 어렵습니다.
관련 도구
JSONAPI 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.다음 단계: API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.JSON TS예제 JSON에서 TypeScript interface를 추론해 API 응답과 설정 타입 초안을 빠르게 만듭니다.다음 단계: 예제 JSON에서 TypeScript interface를 추론해 API 응답과 설정 타입 초안을 빠르게 만듭니다.SchemaJSON 값을 간단한 JSON Schema 규칙과 비교해 required field와 type mismatch를 확인합니다.다음 단계: JSON 값을 간단한 JSON Schema 규칙과 비교해 required field와 type mismatch를 확인합니다.
가이드
결과 확인 후 검토
기본 입력/출력 흐름이 끝난 뒤 필요한 예제, 확인 목록, 관련 도구만 펼쳐 봅니다.
예제
이 도구를 시작하기 좋은 입력값$.items[0].name$.items[*].name$..id사용 사례
데이터- JSONPath 형태의 selector로 중첩 배열과 객체 값을 골라내 API 응답 구조를 확인합니다.
- 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.
- JSONPath 테스터와 관련 도구를 이어서 사용해 작업 흐름을 줄입니다.
- 원본 입력과 결과 형태를 한 번 더 비교합니다.
- 대상 런타임, 인코딩, 시간대, 보안 정책 차이를 확인합니다.
- JSONPath 테스터 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.