JSON 보기
무료 온라인 서비스 JSON 보기 설치가 필요 없는 도구
JSON Viewer 소개
JSON을 파싱하고 예쁘게 출력하여 페이지에 색상과 들여쓰기가 적용된 트리로 바로 렌더링합니다. 값 유형마다 고유한 색상이 지정됩니다. 객체 키와 null은 보라색, 불리언은 파란색, 숫자는 초록색, 문자열은 주황색, 중괄호·대괄호·쉼표는 회색입니다. 입력이 유효하지 않으면 뷰어는 네이티브 JSON.parse 오류를 표시합니다.
사용 방법
1. JSON을 입력 텍스트 영역에 붙여넣습니다. 2. Parse를 클릭합니다. 3. 렌더링된 트리가 스크롤 가능한 결과 패널에 나타나며, 각 중첩 수준마다 10 px씩 들여쓰기됩니다.
트리 렌더링과 색상
객체는 { key: value, ... }로 렌더링되며 키는 따옴표가 붙은 보라색, 중괄호는 회색입니다. 배열은 [ item, item ]로 렌더링되며 대괄호는 회색입니다. 각 중첩 수준은 자식 요소에 10 px의 왼쪽 여백을 추가하여 시각적 들여쓰기를 만듭니다. 문자열은 감싸는 큰따옴표와 함께 주황색으로 표시되고, 숫자는 초록색, 불리언은 파란색, null은 보라색입니다. 항목 사이의 쉼표는 회색으로 그려집니다. 트리는 정적(접기/펼치기 없음)이며, 중소 규모 문서 검사에 사용하세요.
▶트리의 노드를 접거나 펼칠 수 있나요?
아니요. 뷰어는 완전히 펼쳐진 읽기 전용 트리를 렌더링합니다. 접기/펼치기 컨트롤이 없습니다. 큰 문서의 경우 JSON Formatter를 대신 사용하는 것을 고려하세요.
▶색상은 무엇을 의미하나요?
보라색은 객체 키와 null을, 파란색은 불리언을, 초록색은 숫자를, 주황색은 문자열(따옴표 포함)을, 회색은 중괄호·대괄호·콜론·쉼표 같은 구조적 문장 부호를 표시합니다.
▶들여쓰기는 어떻게 적용되나요?
중첩된 각 객체 또는 배열이 자식 요소에 10 px의 왼쪽 여백을 추가하여, JSON 소스 내부의 공백에 의존하지 않고 시각적 트리를 만듭니다.
▶잘못된 JSON을 입력하면 어떻게 되나요?
JSON.parse가 예외를 던지고 오류 메시지가 빨간색 destructive 패널에 표시됩니다. 입력이 성공적으로 파싱될 때까지 결과 패널은 비어 있는 상태로 유지됩니다.
이 도구가 당신에게 도움이 되었다면, 저에게 커피 한 잔 사주세요.
제게 커피 한 잔 사주세요.