JSON 트리 뷰어

언제 사용하나요?

깊게 중첩된 JSON의 구조를 파악하고 싶을 때, 큰 JSON에서 특정 부분만 펼쳐 확인하고 싶을 때, API 응답의 데이터 구조를 탐색할 때 사용합니다.

사용 방법

• JSON 데이터를 입력창에 붙여넣습니다.
• 키 이름을 클릭해 하위 항목을 접거나 펼칩니다.
• 값의 타입별 색상으로 구조를 한눈에 파악합니다.

입력값 안내

올바른 형식의 JSON을 입력합니다. 객체·배열·문자열·숫자·불리언·null을 모두 지원합니다.

계산·변환 기준

JSON을 파싱해 객체와 배열을 접기/펼치기가 가능한 트리 노드로 렌더링합니다. 값 타입(문자열·숫자·불리언·null)마다 다른 색상을 적용합니다.

사용 예시

• JSON 구조 파악 - 깊게 중첩된 JSON의 전체 구조를 트리로 살펴봅니다.
• API 응답 탐색 - 큰 API 응답에서 필요한 부분만 펼쳐 확인합니다.
• 데이터 검증 - 값의 타입과 계층 구조가 의도대로인지 확인합니다.

예시

• 중첩 객체를 클릭해 단계별로 펼쳐 보기
• 배열 항목 수와 객체 키 수를 접힌 상태에서 미리 확인

주의사항

• 트리 구조 탐색은 참고용입니다. 매우 큰 JSON(수천 키 이상)은 브라우저 성능에 따라 느릴 수 있습니다.
• 입력 데이터는 브라우저에서만 처리되며 서버로 전송되지 않습니다.

계산·사용 가이드

트리 뷰어와 포매터의 차이

JSON 포매터는 들여쓰기된 텍스트를 보여주고, 트리 뷰어는 접기/펼치기로 큰 JSON의 구조를 탐색하는 데 적합합니다.

값 타입 색상 구분

문자열·숫자·불리언·null을 각각 다른 색으로 표시해 데이터 구조와 타입을 한눈에 파악할 수 있습니다.

자주 묻는 질문

JSON 포매터와 무엇이 다른가요?

포매터는 들여쓰기된 텍스트를 보여주고, 트리 뷰어는 접기/펼치기로 구조를 탐색하는 데 적합합니다.

값 타입을 구분할 수 있나요?

네. 문자열·숫자·불리언·null을 각각 다른 색상으로 표시합니다.

큰 JSON도 볼 수 있나요?

가능합니다. 깊은 단계는 접힌 상태로 시작해 필요한 부분만 펼쳐 볼 수 있습니다.

구문 오류가 있으면요?

JSON 형식이 잘못되면 오류 위치를 안내하는 메시지가 표시됩니다.

관련 도구

• JSON 포매터 - JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.
• JSON → 표 변환기 - JSON 객체 배열을 행과 열로 펼친 표로 변환하고 CSV로 내보냅니다.
• JSON Path 테스트 - JSON 데이터에서 JSONPath 표현식으로 원하는 값을 추출합니다.
• YAML ↔ JSON 변환기 - YAML과 JSON 데이터를 브라우저에서 양방향으로 변환합니다.
• JSON flatten 변환기 - 중첩 JSON을 평평한 key-value 구조로 변환합니다.
• UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.