JSON 포맷터

JSON 정렬·압축·검증

🔒 이 도구는 입력한 데이터를 서버로 전송하지 않습니다. 모든 변환·계산은 여러분의 브라우저 안에서만 실행되므로 민감한 데이터도 안전하게 처리할 수 있습니다.

JSON 포맷터란?

JSON(JavaScript Object Notation)은 API 응답, 설정 파일, 로그 등에서 가장 널리 쓰이는 데이터 표현 형식입니다. 하지만 서버가 내려주는 JSON은 대개 한 줄로 압축돼 있어 사람이 눈으로 구조를 파악하기 어렵습니다. 이 도구는 뒤엉킨 JSON을 계층 구조에 맞게 들여쓰기해 읽기 좋은 형태(pretty print)로 바꾸거나, 반대로 불필요한 공백을 모두 제거해 한 줄(minify)로 압축합니다. 동시에 문법 오류가 있으면 어디가 잘못됐는지 알려주는 검증기 역할도 합니다.

사용 방법

  1. 왼쪽 입력창에 포맷하려는 JSON을 붙여넣습니다.
  2. 들여쓰기 폭(2칸·4칸·탭)을 선택하고 포맷 버튼을 누르면 정렬된 결과가 나타납니다.
  3. 용량을 줄이려면 압축(Minify)을 눌러 한 줄로 만듭니다.
  4. 결과창의 복사 버튼으로 클립보드에 바로 담을 수 있습니다.

실무 활용 예시

  • 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 이상 초대형 파일은 브라우저가 느려질 수 있으니 필요한 부분만 잘라서 사용하는 것을 권장합니다.