본문 바로가기

JSON 키·경로 추출기

브라우저 처리

JSON 안의 모든 경로를 한 번씩만 뽑아 값의 종류(string·number·null)와 나온 횟수를 함께 보여 줍니다. 배열 항목은 orders[].id처럼 하나로 묶습니다.

사용 전 확인
  • 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
도구 실행입력 후 결과 확인
JSON 키·경로 추출기 샘플 실행

처음 받는 API 응답이나 로그 JSON은 어떤 필드가 있는지부터 파악해야 합니다. 이 도구는 JSON 전체를 훑어 값이 있는 모든 자리의 경로를 'orders[].items[].sku' 같은 형태로 정리하고, 그 자리에 어떤 종류의 값이 들어 있었는지 함께 적어 줍니다.

브라우저 처리
샘플 결과
orders[].id (number, 2곳)
orders[].coupon (null | string, 2곳)
orders[].items[].sku (string)
orders[].items[].qty (number)
orders[].items (빈 배열)
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

JSON 키·경로 추출기 사용 가이드

처음 받는 API 응답이나 로그 JSON은 어떤 필드가 있는지부터 파악해야 합니다. 이 도구는 JSON 전체를 훑어 값이 있는 모든 자리의 경로를 'orders[].items[].sku' 같은 형태로 정리하고, 그 자리에 어떤 종류의 값이 들어 있었는지 함께 적어 줍니다.

배열 안의 항목은 번호마다 따로 적지 않고 '[]' 하나로 묶습니다. 주문 100건이 들어 있어도 orders[].id는 한 줄로 나오고, 옆에 '100곳'처럼 몇 번 나왔는지 표시되므로 응답의 구조를 한눈에 볼 수 있습니다.

같은 경로에서 값의 종류가 섞이면 'null | string'처럼 모두 적습니다. 어떤 주문에는 쿠폰이 있고 어떤 주문에는 null인 경우처럼, 코드에서 빈 값 처리가 필요한 필드를 찾는 데 쓸 수 있습니다.

사용 방법

  1. 'JSON' 칸에 구조를 확인할 JSON을 붙여 넣습니다.
  2. '실행'을 누르면 경로마다 '(값 종류, 나온 횟수)'가 붙은 목록이 문서에 나온 순서대로 나옵니다.
  3. 필요한 경로를 복사해 JSONPath 식이나 매핑 설정에 활용합니다.

예시: 주문 목록 응답의 구조 보기

입력
{"orders":[{"id":101,"coupon":null,"items":[{"sku":"A-1","qty":2}]},{"id":102,"coupon":"WELCOME","items":[]}]}
결과
orders[].id (number, 2곳)
orders[].coupon (null | string, 2곳)
orders[].items[].sku (string)
orders[].items[].qty (number)
orders[].items (빈 배열)

coupon은 null인 주문과 문자열인 주문이 섞여 있다는 것이 바로 보입니다.

이럴 때 쓰면 좋아요

  • 외부 API 응답을 처음 받아 어떤 필드가 있는지 목록으로 정리할 때
  • 값이 null로 오는 경우가 있는 필드를 찾아 예외 처리를 준비할 때
  • 두 버전의 응답에서 경로 목록을 뽑아 비교 도구로 새 필드를 찾을 때
  • 데이터 매핑 문서에 원본 필드 경로를 정확한 철자로 옮겨 적을 때

문제가 생겼을 때

경로에 ["my-key"]처럼 대괄호가 나옴

하이픈, 공백, 한글처럼 점 표기로 쓸 수 없는 키는 JavaScript에서 쓰는 방식대로 ["키"]로 감쌉니다. 코드에 그대로 붙여 쓸 수 있는 형태입니다.

'(빈 배열)'이나 '(빈 객체)'만 나오고 하위 경로가 없음

샘플 안의 그 배열이 비어 있어서 안쪽 구조를 알 수 없는 경우입니다. 항목이 하나 이상 들어 있는 샘플을 넣으면 하위 경로까지 나옵니다.

활용 팁

  • 나온 횟수가 배열 길이보다 적은 경로는 일부 항목에만 있는 선택 필드라는 뜻입니다.
  • 타입 정의까지 필요하면 같은 샘플을 JSON → TypeScript 타입 도구에 넣어 선택 필드에 ?가 붙은 인터페이스를 받으세요.

자주 묻는 질문

중간 단계 객체 경로(orders, orders[].items)도 나오나요?

값이 들어 있는 마지막 자리만 나옵니다. 중간 객체는 하위 경로의 앞부분으로 확인할 수 있고, 비어 있는 객체와 배열만 따로 표시합니다.

number와 integer를 구분하나요?

JSON에는 숫자 종류가 하나뿐이라 1과 1.5 모두 number로 표시합니다. 정수만 오는지 확인하려면 JSON Schema 생성 결과를 보세요.

아주 큰 JSON도 처리되나요?

값 200,000개와 중첩 128단계까지 처리합니다. 그보다 크면 대표 항목 몇 개만 잘라 넣어도 구조 파악에는 충분합니다.