중첩된 JSON을 트리 형태로 시각화합니다. 큰 구조를 한눈에 파악하고 원하는 값을 찾을 때 편리합니다.
주요 기능
- JSON을 트리 계층으로 렌더링
- 값 타입별 색상 구분 (문자열, 숫자, 불리언, null)
- 각 속성의 JSON Path 형식 라벨 표시
- 배열/객체는 요소 개수 함께 표시
용어 설명
- JSON Path
- 중첩된 JSON에서 특정 값의 위치를 표현하는 표기법. 예:
$.users[0].name - Tree View
- 부모-자식 관계를 들여쓰기와 아이콘으로 표현하는 UI 패턴. 파일 탐색기와 유사.
- ValueKind
- JSON의 값 종류: 객체(Object), 배열(Array), 문자열(String), 숫자(Number), 참/거짓(True/False), 널(Null).
사용 방법
- JSON 문자열을 입력창에 붙여넣습니다.
- 트리 보기 버튼을 클릭합니다.
- 계층 구조를 스크롤하며 데이터를 탐색합니다.
자주 묻는 질문
- Q. 노드를 접거나 펼칠 수 있나요?
- 현재는 전체 트리를 한 번에 렌더링합니다. 축소/확장 기능은 추후 지원 예정입니다.
- Q. 아주 큰 JSON(수십 MB)은 어떤가요?
- 브라우저가 느려질 수 있습니다. 큰 파일은 서버측 툴을 사용하는 것을 권장합니다.
- Q. 특정 경로의 값만 추출하고 싶습니다.
- 추후 JSON Path 기반 필터링 기능을 추가할 예정입니다.
