JSON 뷰어(트리 보기)
JSON을 유형과 값이 보이는 트리로 살펴보고, 모든 JSONPath와 값을 나열하며, 객체·배열·키·유형의 개수를 셉니다. 오류는 줄과 열로 알려 줍니다.
| 경로 | 유형 | 값 |
|---|---|---|
| $ | 객체 | {키 5개} |
| $.order | 숫자 | 1042 |
| $.customer | 객체 | {키 3개} |
| $.customer.name | 문자열 | "Ada Lovelace" |
| $.customer.email | 문자열 | "ada@example.com" |
| $.customer.vip | 불리언 | true |
| $.items | 배열 | [항목 2개] |
| $.items[0] | 객체 | {키 3개} |
| $.items[0].sku | 문자열 | "LAMP-01" |
| $.items[0].qty | 숫자 | 2 |
| $.items[0].price | 숫자 | 34.9 |
| $.items[1] | 객체 | {키 3개} |
| $.items[1].sku | 문자열 | "BULB-E27" |
| $.items[1].qty | 숫자 | 4 |
| $.items[1].price | 숫자 | 3.5 |
| $.coupon | 널 | 널 |
| $.tags | 배열 | [항목 2개] |
| $.tags[0] | 문자열 | "gift" |
| $.tags[1] | 문자열 | "express" |
JSON 뷰어는 중괄호가 가득한 글을 읽을 수 있는 형태로 바꿔 줍니다. 모든 객체와 배열은 가지가 되고, 모든 값에는 유형이 표시되며, 아무것도 바뀌지 않습니다. API 응답이나 설정 파일을 붙여 넣으면 구조를 한눈에 보고, 코드나 JSONPath 쿼리에 쓸 값의 정확한 경로를 찾고, 안에 무엇이 있는지 셀 수 있습니다. 잘못된 JSON은 문제가 있는 줄과 열과 함께 알려 줍니다.
사용 방법
- JSON을 상자에 붙여 넣습니다. 입력하는 대로 트리가 갱신됩니다.
- 큰 문서에서 위쪽 단계만 보려면 트리 깊이를 낮춥니다.
- 경로 표에서
$.items[0].sku같은 아무 값의 경로나 복사합니다. - 데이터만 나열하고 컨테이너는 건너뛰려면 말단 값만을 체크합니다.
계산식
path = $ followed by .key or ['key'] for each object member and [i] for each array index (i from 0)
식별자로 쓸 수 있는 키는 점 표기를 쓰고, 공백, 대시, 따옴표 등 그 밖의 키는 JavaScript와 JSONPath 도구가 받아들이는 대괄호 표기를 씁니다. 중첩 깊이는 객체와 배열의 단계 수이므로 평평한 객체의 깊이는 1입니다. 말단 값은 문자열, 숫자, 불리언, 널, 그리고 빈 객체나 빈 배열입니다.
예시
샘플 주문의 트리는 $ (object, 5 keys)로 시작하며 customer, items, tags 가지가 있습니다. 개수는 객체 4개(루트, customer, 두 항목), 배열 2개, 키 14개, 말단 값 13개이고 중첩 깊이는 3($ → items → items[0])입니다. 두 번째 항목의 가격은 $.items[1].price에 있습니다.
자주 묻는 질문
JSON 포매터와 무엇이 다른가요?
포매터는 편집할 수 있도록 텍스트의 들여쓰기를 다시 맞춥니다. 뷰어는 텍스트를 그대로 두고 구조를 보여 줍니다. 유형, 개수, 경로, 위쪽 단계로 제한할 수 있는 개요를 보여 주므로, 낯선 데이터를 이해하는 데 더 빠릅니다.
왜 일부 키에는 따옴표가 붙나요?
공백이나 문장 부호가 있는 키는 시작과 끝을 알 수 있도록 JSON 문자열로 표시하며, 경로는 $['first name'] 같은 대괄호 표기를 씁니다.
아주 큰 파일도 열 수 있나요?
네, 약 1천만 자까지입니다. 개요는 5,000줄에서, 경로 표는 400행에서 멈추지만 개수는 항상 문서 전체를 기준으로 합니다.
JSON이 업로드되나요?
아니요. 브라우저에서 해석되며 기기 밖으로 나가지 않습니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/json-viewer/
인용·퍼가기
kakaoCalc. (2026, November 8). JSON 뷰어(트리 보기). https://kakao.mobile/ko/tools/json-viewer/
“JSON 뷰어(트리 보기).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/json-viewer/.