JSON 포맷터 — 온라인 JSON 정렬 및 문법 검사기
JSON 데이터를 붙여넣으면 들여쓰기가 정리된 형태로 포맷됩니다. 문법 오류가 있으면 해당 라인과 컬럼 위치를 붉은색으로 표시합니다.
JSON 정렬 외에도 코드 압축(Minify), 이스케이프 변환, 키 알파벳 정렬, Tree View 보기를 지원합니다.
JSON을 XML 또는 YAML 형식으로 변환하는 기능도 포함되어 있습니다.
모든 처리는 브라우저 안에서만 이루어집니다. API 응답 데이터나 민감한 설정 파일도 서버로 전송되지 않습니다.
자주 사용하는 JSON 데이터는 즐겨찾기에 저장해 두면 다음에 바로 불러올 수 있습니다.
URL 인코딩/디코딩 도구나 Base64 인코딩 도구와 함께 쓰면 API 디버깅 작업에 편리합니다.
스크롤 동기화와 실시간 문법 검사 — 비볼디 JSON 포맷터의 핵심
JSON 작업에서 가장 불편한 순간은 두 가지입니다. 오류 위치를 찾기 어렵거나 수정 전후를 비교하기 어려울 때입니다.
비볼디 JSON 포맷터는 이 두 가지를 동시에 해결합니다.
실시간 문법 검사는 입력과 동시에 작동합니다.
오류가 발생하면 몇 번째 줄인지, 몇 번째 컬럼인지 바로 표시됩니다. 후행 쉼표, 작은따옴표 사용, 괄호 불일치 같은 실수도 바로 찾아냅니다.
스크롤 동기화는 좌우 에디터의 스크롤을 함께 움직입니다.
원본과 정렬된 결과를 같은 위치에서 나란히 볼 수 있어 수백 줄 JSON도 빠르게 비교할 수 있습니다. 일반적인 온라인 JSON 포맷터에서는 보기 어려운 기능입니다.
JSON 통계, 즐겨찾기, 설정 자동 저장
비볼디 JSON 포맷터는 정렬 외에도 작업 효율을 높이는 기능을 갖추고 있습니다.
JSON 통계를 열면 파일 크기(Bytes), 전체 키 수, 중첩 깊이(Depth), 배열 수, 객체 수, 루트 타입을 한눈에 확인할 수 있습니다.
API 응답 구조나 데이터 복잡도를 확인할 때 유용합니다.
즐겨찾기에는 자주 쓰는 JSON 데이터를 제목과 함께 저장해 둘 수 있습니다. 저장 데이터는 로컬 스토리지에만 보관되며 서버로 전송되지 않습니다.
폰트 크기, 탭 크기, 테마 같은 편집기 설정은 자동으로 저장됩니다. 페이지를 새로고침해도 마지막 설정이 그대로 유지됩니다.
언어별 JSON Pretty Print 코드 레퍼런스
실무에서는 웹 도구 외에도 코드에서 직접 JSON을 정렬해야 하는 경우가 많습니다.
로그 출력, 파일 저장, API 응답 디버깅 시 들여쓰기가 적용된 형태(Pretty Print)로 출력하면 가독성이 높아집니다. 주요 언어별 코드를 정리했습니다.
| Language | Pretty Print 코드 | 들여쓰기 단위 |
|---|---|---|
| JavaScript / Node.js | JSON.stringify(obj, null, 2) |
2칸 (숫자로 조정 가능) |
| Python | json.dumps(data, indent=4, ensure_ascii=False) |
4칸 (한글 깨짐 방지 포함) |
| Java (Jackson) | mapper.writerWithDefaultPrettyPrinter().writeValueAsString(obj) |
Jackson 기본값 |
| PHP | json_encode($data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) |
4칸 (한글 지원) |
| Go | json.MarshalIndent(data, "", " ") |
2칸 |
| C# | JsonSerializer.Serialize(obj, new JsonSerializerOptions { WriteIndented = true }) |
2칸 |
| Ruby | JSON.pretty_generate(data) |
2칸 |
코드 내에서 정렬한 결과를 이 도구에 붙여넣어 구조를 확인하거나, 반대로 이 도구에서 정렬한 JSON을 복사해 코드에 삽입하는 방식으로 함께 쓸 수 있습니다.
JSON vs XML vs YAML — 상황별 포맷 선택 기준
세 포맷은 모두 데이터를 구조화하지만 사용하는 목적은 다릅니다. 어떤 포맷을 써야 할지 헷갈릴 때 아래 기준을 참고하세요.
| 선택 기준 | JSON | XML | YAML |
|---|---|---|---|
| 주요 사용처 | REST API, 웹 앱 데이터 교환 | 레거시 시스템, 복잡한 문서 구조 | CI/CD 설정, Docker, Kubernetes |
| 파일 크기 | 가벼움 | 태그 반복으로 무거움 | 매우 가벼움 |
| 가독성 | 높음 (Key-Value 구조) | 보통 (태그 중첩으로 복잡) | 매우 높음 (들여쓰기 기반) |
| 주석 지원 | 표준 미지원 | 지원 | 지원 (# 사용) |
| 파싱 속도 | 빠름 | 상대적으로 느림 | 보통 |
| 브라우저 지원 | 네이티브 지원 | 추가 파서 필요 | 추가 파서 필요 |
| 데이터 타입 | 숫자·불리언·null 구분 | 모두 문자열 기반 | 숫자·불리언·null 구분 |
REST API 응답이나 웹 애플리케이션 데이터라면 JSON이 표준입니다.
설정 파일을 사람이 직접 편집해야 한다면 YAML이 적합합니다. 기존 엔터프라이즈 시스템과 연동해야 한다면 XML을 검토하세요.
이 포맷터에서 JSON을 XML 또는 YAML로 변환해 결과를 바로 비교해 볼 수 있습니다.
Tree View로 JSON 구조 탐색, XML·YAML로 변환
중첩된 객체나 배열이 많은 JSON은 텍스트만으로 구조를 파악하기 어렵습니다.
Tree View 모드로 전환하면 계층 구조를 시각적으로 펼쳐볼 수 있습니다. 각 노드를 펼치거나 접을 수 있어 필요한 부분만 집중해서 확인할 수 있습니다.
출력 형식을 XML 또는 YAML로 전환하면 같은 데이터를 다른 포맷으로 변환한 결과를 오른쪽 에디터에서 확인할 수 있습니다.
변환 결과는 복사하거나 파일로 저장할 수 있습니다. 포맷 간 차이를 실제 데이터로 비교할 때 유용합니다.
JSON 파일 열기, URL 불러오기, 전체화면 편집
로컬에 저장된 .json 파일을 업로드하거나 외부 URL을 직접 입력해 JSON 데이터를 불러올 수 있습니다.
별도의 설치 없이 브라우저에서 JSON 파일을 열고 편집하는 용도로 쓸 수 있습니다.
대용량 JSON을 다룰 때는 전체화면 모드를 사용하면 편집 공간이 넓어집니다.
화면 우측 상단의 전체화면 아이콘을 클릭하면 브라우저 전체 화면으로 에디터가 확장됩니다.
JSON 구문 오류 유형과 원인
JSON은 문법 규칙이 엄격해서 작은 오류만 있어도 파싱에 실패할 수 있습니다. 오류 메시지만으로 원인을 파악하기 어려울 때 아래 유형을 먼저 확인하세요.
후행 쉼표(Trailing Comma)는 가장 흔한 실수입니다. 배열이나 객체의 마지막 요소 뒤에 쉼표가 남아 있으면 파싱 오류가 발생합니다.
JSON 표준은 후행 쉼표를 허용하지 않습니다. JavaScript 객체 리터럴에서 복사한 코드에서 자주 나타납니다.
따옴표 형식도 자주 틀립니다. 키와 문자열 값은 반드시 큰따옴표(")로 감싸야 합니다. 작은따옴표(')는 JSON 표준에서 허용되지 않습니다.
괄호 쌍 불일치는 중첩 구조가 깊을수록 찾기 어렵습니다. 배열은 [], 객체는 {}로 열고 닫는 짝이 정확히 맞아야 합니다.
이 포맷터의 실시간 문법 검사는 오류 발생 라인과 컬럼을 정확히 짚어주므로 원인을 빠르게 찾을 수 있습니다.
자주 묻는 질문
JSON 데이터를 보기 좋게 정렬(Pretty Print)하고 문법 오류를 검사하는 온라인 도구입니다.
주요 기능은 다음과 같습니다.
- JSON 정렬 및 압축(Minify)
- 실시간 문법 검사 — 오류 라인·컬럼 위치 표시
- 스크롤 동기화 — 좌우 에디터 동시 스크롤
- Tree View — 계층 구조 시각화
- XML / YAML 변환
- 키 알파벳 정렬 — 오름차순·내림차순, 특정 객체 범위 선택 가능
- 이스케이프 변환
- 즐겨찾기 저장 — 로컬 스토리지에 최대 10개
- JSON 통계 — 파일 크기, 키 수, 중첩 깊이 등
- 편집기 설정 자동 저장 — 새로고침 후에도 유지
전송되지 않습니다. 모든 처리는 사용자의 브라우저 내에서만 이루어집니다.
API Key, 비밀번호, 개인정보가 포함된 JSON도 외부로 유출되지 않습니다.
페이지를 닫으면 입력한 데이터는 사라집니다. 즐겨찾기로 저장한 데이터는 로컬 스토리지에만 보관됩니다.
오류가 발생하면 하단 상태바에 오류 라인과 컬럼 번호가 표시됩니다. 해당 위치로 이동해 다음 순서로 점검하세요.
- 마지막 요소 뒤에 쉼표(
,)가 남아 있는지 확인 - 키와 문자열 값이 큰따옴표(
")로 감싸져 있는지 확인 - 배열(
[])과 객체({})의 여닫기 짝이 맞는지 확인 - 숫자·불리언·null 값에 따옴표가 잘못 붙어 있는지 확인
수정 후 다시 붙여넣으면 문법 검사 결과가 실시간으로 갱신됩니다.
.json 확장자 파일을 업로드할 수 있습니다. 모든 처리가 브라우저 내에서 이루어지기 때문에 별도의 서버 업로드 제한은 없습니다.
다만 매우 큰 파일은 브라우저 메모리에 따라 처리 속도가 달라질 수 있습니다.
대용량 파일 작업 시에는 전체화면 모드로 전환하면 더 넓은 편집 공간에서 작업할 수 있습니다.
오른쪽 에디터 상단의 출력 형식 드롭다운에서 XML 또는 YAML을 선택하면 변환 결과가 표시됩니다.
변환된 결과는 다음과 같이 활용할 수 있습니다.
- 복사 버튼으로 클립보드에 복사 후 코드에 바로 붙여넣기
- 다운로드 버튼으로 파일로 저장
- 포맷 간 구조 차이를 실제 데이터로 비교
즐겨찾기는 최대 10개까지 저장할 수 있습니다. 저장 시 제목을 직접 입력해 구분합니다.
저장된 데이터는 브라우저의 로컬 스토리지에 보관됩니다.
브라우저 데이터를 초기화하거나 즐겨찾기 목록에서 개별 항목을 삭제하면 제거됩니다. 다른 기기나 브라우저와는 공유되지 않습니다.
네, 가능합니다. 키 정렬 기능의 Select Key 드롭다운에서 정렬할 범위를 선택할 수 있습니다.
- All Keys (Root Level) — 루트 레벨 전체 키를 정렬
- 특정 객체 경로 선택 — 예:
user,user.address처럼 중첩된 객체 내부만 선택해서 정렬 가능
정렬 순서는 오름차순(A → Z) 또는 내림차순(Z → A) 중 선택할 수 있습니다.