JSON
뷰어
JSON을 트리 구조로 시각화하여 탐색합니다
JSON 뷰어란?
JSON 뷰어는 평탄한 JSON 문자열을 접고 펼칠 수 있는 대화형 트리로 시각화하는 도구입니다. REST API 응답, 설정 파일, 로그 데이터 등 중첩이 깊은 JSON을 분석할 때 가독성을 크게 높여줍니다. 각 노드에는 데이터 타입 배지(string, number, boolean, null, array, object)가 표시되고, 노드를 클릭하면 JSON 경로(예: $.user.name)를 클립보드에 복사할 수 있습니다. 모든 처리는 브라우저 내에서만 실행되므로 민감한 데이터도 안전하게 탐색할 수 있습니다.
자주 묻는 질문
JSON 뷰어는 포맷터와 어떻게 다른가요?
JSON 포맷터는 들여쓰기된 텍스트로 출력합니다. JSON 뷰어는 트리 구조로 시각화하여 중첩 관계를 한눈에 파악하고, 각 노드를 접거나 펼치며 필요한 부분에 집중할 수 있습니다.
대용량 JSON을 트리로 어떻게 탐색하나요?
먼저 "모두 접기"로 루트 레벨만 표시한 뒤 관심 있는 키를 클릭해 펼치세요. 반대로 "모두 펼치기"를 사용하면 전체 구조를 한번에 볼 수 있습니다.
JSON 경로 표기법이란 무엇인가요?
$를 루트로 사용하고 점 표기법($.user.name) 또는 대괄호 표기법($.roles[0])으로 JSON 내의 특정 값을 고유하게 식별합니다. API 응답 파싱 코드 작성 시 유용합니다.
API 응답과 함께 어떻게 사용하나요?
브라우저 개발자 도구의 네트워크 탭이나 Postman에서 응답 JSON을 복사한 뒤 입력 창에 붙여넣고 "보기 →" 버튼을 클릭하세요. 즉시 트리 구조로 시각화됩니다.
브라우저 개발자 도구와의 차이점은 무엇인가요?
브라우저 개발자 도구는 실시간 네트워크 요청에서만 JSON을 시각화합니다. 이 도구는 파일, 로그, 클립보드 등 어디서 가져온 JSON이든 붙여넣어 독립적으로 탐색할 수 있습니다.
Q. JSON 뷰어와 JSON 포맷터의 차이는?
A. JSON 뷰어는 트리 구조로 JSON을 시각화해 계층 관계를 탐색하는 데 최적화되어 있고, JSON 포맷터는 들여쓰기 정렬과 압축에 초점을 맞춥니다. 복잡한 중첩 구조 탐색에는 뷰어가 더 편리합니다.
Q. 대용량 JSON 파일도 처리할 수 있나요?
A. 브라우저 메모리 한계 내에서 대용량 JSON을 처리할 수 있습니다. 수 MB 이상의 파일은 브라우저가 느려질 수 있으므로 필요한 부분만 추출해 사용하는 것을 권장합니다.
Q. 입력한 JSON이 서버에 저장되나요?
A. 아닙니다. 모든 처리는 브라우저에서만 이루어집니다. API 키, 인증 토큰 등 민감한 JSON도 안전하게 확인할 수 있습니다.