Skip to content
Zoyku

JSON 뷰어

JSON을 붙여넣으면 접을 수 있는 트리로 탐색됩니다 — 유형별로 색칠된 값과 포맷된 원본이 나란히 표시됩니다. 즉시 처리, 비공개 유지, 완전히 브라우저 안에서.

Paste a JSON document to explore it as a collapsible tree.

이 도구는 전부 브라우저 안에서 실행됩니다. 데이터는 기기를 떠나지 않으며 어떤 서버로도 업로드되지 않습니다.

사용 방법

  1. 1입력 상자에 JSON을 붙여넣습니다.
  2. 2접을 수 있는 트리를 탐색합니다 — ▾/▸ 화살표로 객체와 배열을 접거나 펼칩니다.
  3. 3오른쪽의 포맷된 JSON을 확인하고 한 번의 클릭으로 복사합니다.

JSON 뷰어

중첩된 API 응답과 설정 파일은 원문 그대로 읽기 어렵습니다. 이 뷰어는 JSON을 파싱해 왼쪽에 접을 수 있는 트리를 그리고 — 어떤 객체나 배열이든 펼치고 접을 수 있습니다 — 오른쪽에는 포맷된 문서를 보여 줍니다. 값은 유형별로 색이 입혀집니다: 문자열 초록, 숫자 파랑, 불린 호박색, null 회색. 긴 문자열은 60자에서 잘립니다.

잘못된 입력은 줄 번호와 열 번호와 함께 즉시 잡아냅니다 — 엉뚱한 콤마 하나를 찾느라 몇 분을 쓰지 않아도 됩니다. 모든 파싱은 브라우저에서 로컬로 이루어지며 아무것도 전송되지 않습니다.

자주 묻는 질문

JSON이 어디서 깨졌는지 어떻게 찾나요?

파싱이 실패하면 정확한 줄과 열이 표시됩니다(예: «line 3, column 12: Unexpected token }»). 그 부분만 고치면 트리가 바로 그려집니다 — 대부분은 끝의 콤마, 따옴표 없는 키, 안 닫힌 괄호입니다.

큰 문서도 처리되나요?

일반적인 API 페이로드와 설정 파일은 물론이고 수만 개 노드도 부드럽게 렌더링됩니다. 60자 잘림은 표시에만 해당하며, 원문 패널과 복사 버튼은 항상 전체 데이터를 유지합니다.

데이터가 기기를 벗어나나요?

아니요. 파싱과 렌더링은 전부 브라우저 메모리에서 일어납니다. 서버로 아무것도 전송되지 않으므로 내부 API 응답과 설정에도 안심하고 쓸 수 있습니다.

Is the output safe to paste into production code?

Yes. Formatting, escaping and conversion follow the relevant specs (RFCs, W3C, JSON Schema), and nothing is sent anywhere — you can verify the output locally before committing it.

Does it work on large inputs?

Yes — everything runs locally. A multi-megabyte JSON file or a long regex session is limited only by your machine, not by a request size cap.

Is this tool free to use?

Yes, completely free — no signup, no subscription, no daily limits, and no watermarks on the output.

developer

JSON 포매터

지저분한 JSON을 온라인에서 포맷하고 예쁘게 만듭니다 — 2칸, 4칸, 탭 들여쓰기, 즉시 검증과 정확한 오류 위치까지. 100% 브라우저 안에서.

도구 열기›
developer

JSON 검증기

정확한 오류 줄과 열로 JSON을 즉시 검증합니다. 쉼표 누락, 키 따옴표 누락, 후행 쉼표, 잘못된 이스케이프를 앱을 부수기 전에 잡아 냅니다.

도구 열기›
developer

JSON Path 조회기

$.user.name이나 $.items[0].id 같은 경로로 JSON에서 원하는 값을 바로 꺼냅니다 — 즉시 결과, 실수에 관대하고, jq 문법을 따로 배울 필요가 없습니다.

도구 열기›
developer

JSON 압축기

JSON을 온라인에서 압축합니다: 모든 공백을 제거해 API 응답과 저장 공간을 줄입니다 — 절약된 바이트까지 정확히 보여 주고, 비공개로 브라우저 안에서 끝납니다.

도구 열기›
developer

JSON 비교기

두 JSON 문서를 경로별로 비교합니다 — 추가된 키, 삭제된 키, 변경된 값을 이전/이후 값과 함께 보여 주고, 모든 처리는 로컬 브라우저 안에서 끝납니다.

도구 열기›
developer

JSON → TypeScript

어떤 JSON이든 즉시 TypeScript 인터페이스로 생성합니다 — 중첩 객체, 객체 배열, 유니언 타입까지 한 번에, 프로젝트에 바로 붙여 넣을 수 있게.

도구 열기›
developer

JSON → CSV

객체의 JSON 배열을 올바른 인용과 이스케이프로 CSV로 변환합니다 — Excel, Sheets, DB 가져오기에 바로 쓸 수 있게. 완전 브라우저 안에서.

도구 열기›
developer

URL 파서

아무 URL이나 붙여 넣으면 실시간으로 분해됩니다: 프로토콜, 호스트, 포트, 각 경로 조각, 디코딩된 쿼리 파라미터, 해시 — JSON 복사까지.

도구 열기›

도구 삽입

한 줄로 사이트에 도구를 넣으세요. 방문자의 브라우저에서 실행됩니다.

<iframe src="https://zoyku.com/ko/tools/json-viewer?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-viewer" loading="lazy"></iframe>
100% local processing