정렬과 압축
공백 2칸, 4칸, 탭으로 들여쓰거나 공백을 한 바이트까지 제거합니다. 전후 크기가 함께 표시되어 얼마나 줄었는지 바로 확인할 수 있습니다.
JSON을 붙여넣어 정렬·검사·정리·압축한 다음, 결과를 접을 수 있는 트리에서 살펴보세요. 모든 처리는 브라우저에서 이루어지며 업로드는 없습니다.
여기에 JSON을 붙여넣으세요
또는 이 영역 어디든 .json 파일을 끌어다 놓으세요
정렬된 출력이 여기에 표시됩니다.
아래의 모든 기능은 위 편집기의 일부입니다. 유료 전환 유도도, 따로 방문할 두 번째 페이지도 없습니다.
공백 2칸, 4칸, 탭으로 들여쓰거나 공백을 한 바이트까지 제거합니다. 전후 크기가 함께 표시되어 얼마나 줄었는지 바로 확인할 수 있습니다.
유효하지 않은 JSON은 줄, 칸, 문제가 된 원본 줄과 그 아래 표식, 그리고 파서가 기대한 내용을 쉬운 말로 알려 줍니다.
마지막 쉼표, 작은따옴표, 따옴표 없는 키, // 주석, 파이썬의 True/None, JSONP 래퍼, 줄 단위 JSON까지 한 번의 클릭으로 되살립니다.
노드는 펼칠 때만 만들어지고 긴 배열은 나눠서 불러오므로, 수 메가바이트 문서도 탭을 멈추게 하지 않고 펼쳐집니다.
검색은 화면의 DOM이 아니라 파싱된 데이터를 훑기 때문에 접힌 가지 안의 일치도 찾아내고, 트리가 스스로 열려 그 위치를 보여 줍니다.
객체 배열은 모든 키를 합친 열을 가진 표로 바뀌고, 한 번의 클릭으로 CSV로 내보낼 수 있습니다.
트리의 각 행은 자신의 값이나 그곳에 이르는 JSONPath 식 — $.limits.retry.attempts — 을 복사해 코드에 바로 붙여넣게 해 줍니다.
객체와 배열 개수, 전체 및 고유 키, 값 개수, 최대 중첩 깊이, 문서 크기를 입력하는 동안 다시 계산합니다.
광고, 쿠키 배너, 로그인 장벽, “온라인 저장” 안내가 없습니다. 모든 동작에 단축키가 있고 트리는 ARIA tree 패턴을 따릅니다.
JSON 포맷터는 문서를 파싱한 뒤 줄바꿈과 들여쓰기를 넣어 다시 씁니다. 한 줄로 길게 도착한 응답이 읽을 수 있는 형태로 바뀌는 것입니다. 이 페이지에서는 같은 과정이 검사까지 함께 합니다. 파싱되는 입력은 다시 들여쓰기되어 트리로 그려지고, 파싱되지 않는 입력은 첫 문법 오류에서 멈추며 줄, 칸, 문제가 된 문자를 알려 줍니다. 정렬은 토큰 사이의 공백만 건드리므로 키와 값, 그 순서는 그대로 돌아옵니다.
파싱에는 브라우저 자체의 JSON.parse를 사용합니다. 따라서 문서는 어디로도 전송되지
않고, 네트워크를 끊은 뒤에도 도구는 계속 동작합니다.
디버깅 중인 API 응답, 설정 파일, JSON이 섞인 로그 한 줄, 테스트에 넣기 전 확인하는 픽스처까지 모두 여기에 해당합니다.
아래 페이지들은 모두 같은 편집기를 사용하지만, 각 작업에 맞는 패널에서 열리고 더 자세한 설명을 담고 있습니다. JSON 포맷터는 들여쓰기 선택과 명령줄에서의 대응 방법을, JSON 검사기는 개발자가 가장 자주 마주치는 문법 오류를, JSON 뷰어는 큰 문서에서의 검색과 경로 복사를, JSON 정리 도구는 압축되거나 이스케이프된 입력을, JSON 압축 도구는 공백이 실제로 몇 바이트인지를 다룹니다.
JSON 포맷터는 JSON 문서를 파싱해 일관된 줄바꿈과 들여쓰기로 다시 쓰는 도구입니다. 한 줄로 온 API 응답을 사람이 읽을 수 있는 형태로 바꿔 줍니다. 입력을 먼저 파싱해야 하므로 포맷터는 검사기 역할도 합니다. 파싱되지 않는 내용은 다시 정렬되지 않고 오류와 함께 멈춥니다. 정렬은 토큰 사이의 공백만 바꾸므로 키, 값, 타입, 순서는 들어간 그대로 돌아옵니다.
위쪽 입력 패널에 문서를 붙여넣고 정렬을 누르세요. 들여쓰기 선택기에서 공백 2칸, 4칸, 탭 중 하나를 고르고 결과를 트리, 텍스트, 표 가운데 원하는 형태로 확인하면 됩니다. 복사와 다운로드로 결과를 밖으로 가져갈 수 있습니다. 계정도, 업로드도, 기다림도 없습니다.
포맷터는 “이걸 어떻게 읽을까?”에 답하고, 검사기는 “이게 올바른가?”에 답합니다. 같은 파싱이 두 가지를 모두 해내므로 이 페이지는 정렬하면서 문법 오류도 알려 줍니다. 별도의 JSON 검사기는 확인 자체가 목적일 때 쓰입니다. 오류 패널에서 열리며 줄, 칸, 표식이 붙은 원본 줄, 그리고 파서가 기대한 내용을 쉬운 말로 보여 줍니다. 둘 다 JSON Schema에 맞는지는 확인하지 않습니다. 그것은 문법이 아니라 구조에 관한 질문입니다.
대부분의 실패는 문자 하나 때문이므로 알려 준 위치에서 시작하세요. 흔한 원인은 }나 ] 앞의 마지막 쉼표, 큰따옴표 대신 쓴 작은따옴표, 따옴표 없는 속성 이름, // 주석, 파이썬의 True/False/None입니다. JavaScript나 파이썬에서는 유효하지만 JSON에서는 모두 허용되지 않습니다. 복구를 누르면 이들이 모두 다시 쓰이고, JSONP 래퍼와 줄 단위 레코드도 함께 처리됩니다.
문서를 붙여넣고 압축을 누르면 토큰 사이의 공백이 사라지고 전후 크기가 표시됩니다. 네트워크로 보내거나 저장할 데이터라면 이득이 있고, 되돌리는 비용은 없습니다. 정렬을 누르면 바이트 단위로 그대로 복원됩니다. JSON 압축 도구는 이 화면에서 바로 시작합니다.
가능합니다. 트리 보기는 어떤 가지든 펼치고 접을 수 있고, 검색은 화면의 DOM이 아니라 파싱된 데이터를 훑으므로 접힌 객체 깊숙한 일치도 찾아내고 트리가 열려 그 위치를 보여 줍니다. 각 행은 자신의 값이나 그곳에 이르는 JSONPath를 복사합니다. 행은 펼칠 때만 만들어지고 긴 배열은 나눠서 불러오므로 큰 문서도 계속 반응합니다. 자세한 내용은 JSON 뷰어에 있습니다.
아닙니다. 이 페이지는 브라우저에 내장된 JSON.parse를 호출하고, 파일 업로드는 로컬 File API를 사용합니다. 정렬, 검사, 보기 어디에도 백엔드가 관여하지 않습니다. 페이지를 불러온 뒤 네트워크를 끊어도 모든 기능이 그대로 동작합니다.
검사는 RFC 8259 / ECMA-404를 구현한 브라우저 자체 파서를 사용합니다. 애플리케이션 코드가 사용할 파서와 같으므로, 여기서 통과한 문서는 운영 환경에서도 파싱됩니다.
수 메가바이트 문서까지 여유롭게 처리합니다. 트리는 펼친 노드의 DOM만 만들고 배열은 한 번에 자식 200개씩 불러옵니다. 약 1.5MB를 넘으면 편집기는 입력마다 다시 파싱하지 않고 정렬을 누를 때까지 기다리므로 타이핑이 부드럽게 유지됩니다.
가장 최근 문서(최대 500KB), 들여쓰기 선택, 선호하는 보기, 테마가 모두 사용자 기기의 localStorage에 저장됩니다. 새로 고쳐도 작업이 사라지지 않게 하기 위한 것이며, 지우기를 누르면 문서가 삭제됩니다.
데이터 처리
대부분의 온라인 포맷터는 문서를 서버로 POST해서 정렬합니다. 여기서는 그럴 필요가 없습니다. JSON 도구가 해야 할 일은 이미 브라우저 안에 모두 준비되어 있습니다.
JSON은 브라우저 자체의 JSON.parse에 전달됩니다. API 호출도, 서버 왕복도, 문서를 실어 보내는 요청도 없습니다.
업로드와 끌어다 놓기는 로컬 File API로 파일을 읽습니다. 바이트는 기기를 떠나지 않으므로 네트워크를 끊은 상태에서도 JSON을 정렬할 수 있습니다.
분석 도구, 광고 네트워크, CDN 호출, 삽입 위젯이 전혀 없습니다. 글꼴은 빌드 시점에 사이트에 포함되므로 페이지는 이 출처에서만 로드됩니다.
새로 고쳐도 작업이 사라지지 않도록 가장 최근 문서를 이 브라우저의 localStorage에 최대 500KB까지 보관합니다. 기기 안에만 남고, 지우기를 누르면 삭제됩니다.
직접 확인해 보세요. 개발자 도구를 열고 네트워크 탭으로 이동한 다음 문서를 정렬해 보면 요청이 하나도 보이지 않습니다. 또는 페이지를 불러온 뒤 오프라인으로 전환해도 그대로 작동합니다.
모든 동작에 키보드 경로가 있습니다. 트리는 ARIA tree 패턴을 따르므로 마우스 없이 화살표 키로 노드 사이를 이동할 수 있습니다.
| 키 | 동작 |
|---|---|
| Ctrl / ⌘ + Enter | 문서를 정렬하고 들여쓰기 |
| Ctrl / ⌘ + Shift + M | 문서 압축 |
| Ctrl / ⌘ + K | 트리 검색창으로 포커스 이동 |
| Enter / Shift + Enter | 다음 / 이전 검색 일치 |
| Ctrl / ⌘ + Shift + C | 출력 복사 |
| Ctrl / ⌘ + S | 출력 다운로드 |
| Tab | 편집기에 들여쓰기 삽입 |
| ↑ ↓ ← → | 트리 이동, 노드 펼치기와 접기 |
같은 엔진, 같은 개인정보 보호 — 모든 페이지가 브라우저 안에서만 동작합니다.