JSON 포맷터
JSON 정렬·압축·검증
🔒 이 도구는 입력한 데이터를 서버로 전송하지 않습니다. 모든 변환·계산은 여러분의 브라우저 안에서만 실행되므로 민감한 데이터도 안전하게 처리할 수 있습니다.
JSON 포맷터란?
JSON(JavaScript Object Notation)은 API 응답, 설정 파일, 로그 등에서 가장 널리 쓰이는 데이터 표현 형식입니다. 하지만 서버가 내려주는 JSON은 대개 한 줄로 압축돼 있어 사람이 눈으로 구조를 파악하기 어렵습니다. 이 도구는 뒤엉킨 JSON을 계층 구조에 맞게 들여쓰기해 읽기 좋은 형태(pretty print)로 바꾸거나, 반대로 불필요한 공백을 모두 제거해 한 줄(minify)로 압축합니다. 동시에 문법 오류가 있으면 어디가 잘못됐는지 알려주는 검증기 역할도 합니다.
사용 방법
- 왼쪽 입력창에 포맷하려는 JSON을 붙여넣습니다.
- 들여쓰기 폭(2칸·4칸·탭)을 선택하고 포맷 버튼을 누르면 정렬된 결과가 나타납니다.
- 용량을 줄이려면 압축(Minify)을 눌러 한 줄로 만듭니다.
- 결과창의 복사 버튼으로 클립보드에 바로 담을 수 있습니다.
실무 활용 예시
- API 응답 확인 — 브라우저 개발자도구나 curl로 받은 한 줄짜리 응답을 붙여넣어 필드 구조를 한눈에 파악합니다.
- 설정 파일 검증 —
package.json,tsconfig.json, 각종 config 파일에 콤마 누락·따옴표 오류가 없는지 저장 전에 확인합니다. - 용량 최적화 — 프론트엔드에 인라인으로 넣을 JSON을 minify해 전송 바이트를 줄입니다.
팁과 주의점
- JSON은 마지막 요소 뒤의 콤마(trailing comma)와 홑따옴표를 허용하지 않습니다. 오류가 나면 이 부분을 먼저 살펴보세요.
- 주석(
//)이 포함된 JSON5·JSONC는 표준 JSON이 아니므로 검증에서 오류로 표시될 수 있습니다. - 입력한 데이터는 서버로 전송되지 않고 브라우저 안에서만 처리되므로, 인증 토큰이나 사내 API 응답 같은 민감한 JSON도 안심하고 붙여넣을 수 있습니다.
자주 묻는 질문
포맷(Beautify)과 압축(Minify)은 무엇이 다른가요?
포맷은 계층에 맞춰 줄바꿈과 들여쓰기를 넣어 사람이 읽기 좋게 만드는 것이고, 압축은 그 공백을 모두 제거해 파일 크기를 최소화한 한 줄로 만드는 것입니다. 데이터 값 자체는 동일합니다.
잘못된 JSON은 어떻게 표시되나요?
문법 오류가 있으면 결과 대신 오류 메시지가 나타나며, 어떤 위치·어떤 토큰에서 파싱이 실패했는지 알려줍니다. 대개 콤마 누락, 따옴표 짝 오류, trailing comma가 원인입니다.
입력한 데이터가 서버로 전송되나요?
아니요. 모든 파싱과 포맷은 자바스크립트로 브라우저에서만 실행되며, 입력값은 어떤 서버로도 전송되거나 저장되지 않습니다.
아주 큰 JSON도 처리되나요?
수 MB 수준까지는 브라우저 메모리 안에서 처리됩니다. 다만 수십 MB 이상 초대형 파일은 브라우저가 느려질 수 있으니 필요한 부분만 잘라서 사용하는 것을 권장합니다.