JSON Tree Viewer

JSON 트리 뷰어란?

JSON 트리 뷰어는 JSON 데이터를 인터랙티브한 계층적 트리 구조로 렌더링합니다. 노드를 펼치고 접어 깊게 중첩된 객체와 배열을 탐색할 수 있습니다. JSONKit의 트리 뷰어는 JSONPath 복사, 타입별 색상 구분을 지원하며 처음 두 단계를 자동 확장하여 빠른 미리보기를 제공합니다.

사용 방법

1. 입력 패널에 JSON을 붙여넣습니다.
2. JSON이 유효하면 오른쪽의 트리 뷰가 자동으로 갱신됩니다.
3. 객체와 배열 옆의 화살표를 클릭해 펼치거나 접습니다.
4. 원하는 노드에 마우스를 올리고 복사 아이콘을 클릭하면 해당 노드의 JSONPath가 복사됩니다. 이를 JSONPath Query 도구에서 활용할 수 있습니다.

주요 기능

• 객체와 배열을 접고 펼 수 있는 인터랙티브 트리를 제공합니다.
• 각 값의 타입과 모든 객체·배열의 항목 수를 보여 줍니다.
• 깊게 중첩된 API 응답도 쉽게 탐색할 수 있습니다.
• 클릭 한 번으로 모든 노드의 JSONPath를 복사합니다.
• 입력을 수정하면 실시간으로 갱신됩니다.

자주 묻는 질문

포맷된 텍스트보다 트리 뷰가 더 나은 경우는 언제인가요?

크거나 깊게 중첩된 JSON에서는 트리 뷰로 관심 없는 부분을 접고 하나의 가지에 집중할 수 있습니다. 원본 문서를 복사하거나 편집해야 할 때는 포맷된 텍스트가 더 적합합니다.

JSON을 다이어그램으로도 볼 수 있나요?

네. JSON Graph Visualizer는 같은 데이터를 노드 그래프로 표시하므로 객체 간의 관계를 한눈에 파악하는 데 유용합니다.

크기 제한이 있나요?

정해진 제한은 없습니다. 수만 개의 노드가 있는 매우 큰 문서는 렌더링이 느려질 수 있으므로, 살펴보지 않는 가지는 접어 두세요.