본문으로 건너뛰기
Toolars
둘러보기
버그 신고

개발자 · 로컬 유틸리티

JSON 트리 뷰어

JSON Tree Viewer

최대 256 KiB의 JSON을 로컬에서 검사하고 서식을 지정합니다. 중복 키와 후행 쉼표를 거부하며 업로드 없이 서식 지정 또는 압축 JSON을 내보냅니다.

작업 경로 / 입력에서 결과까지

JSON 붙여넣기

실습 예제

로컬에서 실행 · 업로드 없음

실습 예제

큰 식별자를 반올림하지 않고 API 응답 읽기

가상 API 응답으로 숫자, 문자열과 배열을 구분하세요. JavaScript 안전 정수 범위 밖의 ID도 원래 자릿수를 유지해야 합니다. JSON 구조 검사는 업무 규칙 검증과 다릅니다.

입력과 설정
{"items":[{"id":9007199254740993,"active":true}]}
예상 결과
id: 9007199254740993 · active: true

재현 절차

JSON을 붙여 넣고 items와 첫 객체를 펼치세요. 트리, 서식 및 압축 보기와 유형 표시를 대조합니다. 들여쓰기는 두 칸 또는 네 칸을 선택합니다.

사용 전 확인

9007199254740992로 바뀌지 않았는지 확인하세요. 끝 쉼표를 추가해 오류를 본 뒤 지우고 다시 분석합니다. 중복 키는 덮어쓰지 않고 거부합니다. 실제 사용 전 앱 스키마와도 대조하세요.

JSON 트리 뷰어 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

JSON을 트리로 탐색하는 방법

  1. 01

    JSON 붙여넣기

    「JSON 입력」에 문서를 붙여넣거나 「샘플 불러오기」로 중첩된 예제를 넣으세요. 도구 모음에는 항상 한도가 표시돼 있습니다. 입력 256 KiB, 중첩 40단계, 노드 10,000개입니다.

  2. 02

    검사기가 파싱하게 두기

    붙여넣은 JSON은 즉시 검사되고, 입력한 변경은 짧은 간격 뒤에 검사되므로, 큰 문서가 키 입력마다 다시 검증되지 않습니다. 잘못된 입력에는 안정적인 오류, 행과 열, 주변 발췌, 복구 힌트가 표시되고, 「오류로 이동」으로 문제로 바로 점프합니다.

  3. 03

    트리 살펴 보기

    「트리」 탭에서 노드를 마음대로 펼치고 접으세요. 모든 행에는 타입 배지와 크기(배열은 항목 수, 객체는 키 수, 문자열은 문자 수)가 붙고, 요약 행에는 전체 노드 수와 깊이가 표시되므로 깊은 문서도 훑어볼 수 있습니다.

  4. 04

    출력 포맷 또는 압축

    「포맷」으로 읽기 좋은 문서를, 「압축」으로 간결한 한 줄 결과를 보고, 포맷 들여쓰기는 공백 2칸 또는 4칸을 고르세요. 두 뷰 모두 같은 파싱 값에서 만들어지므로 항상 트리와 일치합니다.

  5. 05

    결과 복사 또는 내보내기

    「JSON 복사」는 포맷된 문서를 클립보드에 넣고, 「.json 다운로드」는 파일로 저장합니다. 확인이 끝나면 「지우기」로 소스와 트리를 한 번에 비우세요.

  6. 06

    이 결과로 계속 작업

    이 결과의 사본으로 아래에 새 작업 영역을 엽니다. 전송하거나 저장하지 않으며 준비되면 다음 도구를 실행하세요. 후속 작업 영역은 한 번에 하나만 열 수 있습니다. 바꾸려면 먼저 닫으세요. 원본 결과 변경, 페이지 이동·새로고침 또는 연 뒤 10분이 지나면 사본과 편집 내용이 삭제됩니다. 원본은 그대로 유지됩니다.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

JSON 트리 뷰어 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

JSON 트리 뷰어 도구가 유용할 때

API 응답 검사

{"items":[{"id":7}]} → items와 첫 번째 객체를 펼치면 id의 숫자 값은 7입니다.

큰 정수를 그대로 유지

{"id":9007199254740993} → 압축 출력은 9007199254740993을 그대로 유지하며 9007199254740992로 반올림하지 않습니다.

후행 쉼표 수정

{"ok":true,} → 후행 쉼표는 거부됩니다. 삭제해 {"ok":true}로 고친 뒤 다시 파싱하세요.

JSON 트리 뷰어 도구가 실제로 하는 일

API 응답은 열 단계나 중첩돼 있고, 필요한 필드 하나가 어딘가에 숨어 있습니다. 날것의 텍스트 벽을 스크롤하는 것은 값을 잘못 읽는 지름길입니다. 배포 파이프라인에서 온 설정 파일은 다음 릴리스 전에 감사해야 하고, 테스트 픽스처는 편집이 아니라 모양 확인이 필요합니다. 이 JSON 트리 뷰어는 문서를 접을 수 있는 타입과 크기의 지도로 바꿔 주세요. 전부 브라우저 안에서요. 페이로드(고객 데이터, 토큰, 설정)는 탐색하는 동안 기기를 떠나지 않고, 떠날 때 문서의 어떤 것도 기억되지 않습니다.

자주 묻는 질문

한도는 어느 정도인가요?
입력은 최대 256 KiB, 중첩은 최대 40단계, 노드는 최대 10,000개입니다. 도구 모음에 세 숫자가 모두 표시됩니다. 어느 한도라도 넘는 문서는 넘은 한도를 지목하는 메시지와 함께 거부됩니다.
왜 __proto__, constructor, prototype이 거부되나요?
이 속성 이름을 거부하여 프로토타입 오염 위험을 줄입니다. 검사를 통과해도 다른 앱에서 데이터를 안전하게 병합하거나 사용할 수 있다고 보장하지는 않습니다.
뷰어가 JSON을 편집하거나 순서를 바꾸나요?
숫자 키를 포함한 입력 순서를 유지합니다. 큰 정수와 지수 등 숫자의 원문도 보존합니다. 공백과 문자열 이스케이프 표기는 정리할 수 있지만 문자열 값은 바꾸지 않습니다. 중복 키는 값을 잃지 않도록 거부합니다.
주석이나 뒤따르는 쉼표를 받나요?
아니요. 파서는 엄격한 JSON을 구현합니다. 주석, 뒤따르는 쉼표, 작은따옴표 문자열은 수정 방법을 가리키는 힌트와 함께 오류로 보고됩니다. 소스가 그런 것을 허용하는 설정 포맷에서 왔다면, 먼저 군더더기를 제거하세요. 오류 위치가 있어 하나하나 쉽게 찾을 수 있습니다.
오류 보고는 무엇을 알려 주나요?
모든 실패에는 안정적인 오류 이름, 행과 열, 주변 텍스트 발췌, 그리고 콜론 추가나 뒤따르는 쉼표 제거 같은 평이한 복구 힌트가 함께 와요. 「오류로 이동」은 커서를 정확한 지점으로 옮기므로, 큰 문서 수정은 검색이 아니라 한 번의 점프입니다.
JSON이 어딘가에 업로드되나요?
아니요. 파싱은 현재 브라우저 탭 안에서만 실행되고, 입력과 파싱된 데이터는 절대 보관되지 않으며, 계정도 필요 없습니다. 「지우기」를 누르면 소스와 트리가 모두 비워져요.

함께 읽기

개발자 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

텍스트 및 JSON 차이 비교

Text & JSON Diff

줄·단어·문자 단위로 텍스트를 비교하고 분할/통합 보기와 패치 내보내기, 결정론적 JSON 구조 비교를 지원합니다.

생성

구조화 데이터 변환기

Structured Data Converter

기기에서 JSON, YAML, CSV를 검증하고 변환하며 자료형, 주석, 구조의 변경 사항을 안내합니다.

변환

JWT 인코딩 / 디코딩

JWT Encoder/Decoder

HS·RS·ES 256~512 알고리즘의 JWT를 디코딩, 서명, 검증하고 exp/nbf까지 확인합니다. 키와 토큰은 탭을 벗어나지 않습니다.

변환

Base64 인코딩 / 디코딩

Base64 Encoder/Decoder

Unicode 텍스트 인코딩과 Base64 디코딩을 로컬에서 처리합니다. URL-safe 값도 지원합니다.

변환