JSON 포매터

JSON을 보기 좋게 정렬하거나 한 줄로 압축하고, 문법 오류를 즉시 검사합니다.

JSON 포매터란

API 응답이나 설정 파일처럼 한 줄로 뭉쳐 있는 JSON을 들여쓰기와 줄바꿈이 들어간 읽기 쉬운 형태로 바꿔 주는 도구입니다. 반대로 한 줄로 압축해 용량을 줄이거나, 문법이 올바른지 검사할 수도 있습니다. 입력한 데이터는 브라우저에서만 처리되어 외부로 전송되지 않습니다.

사용법

  • 입력창에 JSON을 붙여넣으면 유효성이 자동으로 검사됩니다.
  • 정렬(2칸) 또는 정렬(4칸) : 선택한 칸 수로 들여쓰기해 보기 좋게 정렬합니다.
  • 압축(minify) : 모든 공백과 줄바꿈을 제거해 한 줄로 만듭니다.
  • 지우기 : 입력과 결과를 모두 비웁니다.
  • 결과 오른쪽 위 복사 버튼으로 결과를 클립보드에 복사할 수 있습니다.

JSON이란 무엇인가

JSON(JavaScript Object Notation)은 데이터를 키와 값의 쌍으로 표현하는 경량 데이터 형식입니다. 중괄호 { }로 감싼 객체, 대괄호 [ ]로 감싼 배열, 그리고 문자열·숫자·불리언(true/false)·null 값으로 이루어집니다. 문자열은 반드시 큰따옴표로 감싸야 하고, 키에도 큰따옴표가 필요합니다. 규칙이 단순하고 사람과 기계가 모두 읽기 쉬워 웹 API 응답, 설정 파일, 데이터 저장 등에 폭넓게 쓰입니다. 이 도구는 그 JSON을 보기 좋게 정렬하거나 압축하고, 문법이 규칙에 맞는지 검사합니다.

정렬·압축·검사·트리 보기

정렬(beautify)은 들여쓰기와 줄바꿈을 넣어 계층 구조를 눈에 보이게 만듭니다. 2칸 또는 4칸 들여쓰기를 고를 수 있습니다. 압축(minify)은 반대로 모든 공백과 줄바꿈을 없애 한 줄로 만들어 전송 용량을 줄입니다. 키 정렬(sort keys)을 켜면 객체의 키를 사전순으로 재배열해, 순서만 다른 두 JSON을 비교하기 쉽게 만듭니다. 검사(validate)는 입력을 파싱해 유효하면 "유효한 JSON"으로, 오류가 있으면 원인과 대략적인 위치를 표시합니다. 트리 보기는 중첩 구조를 접었다 펼 수 있는 트리로 그려, 깊이 들어간 값도 쉽게 탐색하게 해 줍니다.

예를 들어 {"name":"홍길동","tags":["a","b"]}를 정렬(2칸)하면 아래처럼 바뀝니다.

{
  "name": "홍길동",
  "tags": [
    "a",
    "b"
  ]
}

자주 하는 실수와 팁

JSON에서 흔한 오류는 마지막 요소 뒤의 쉼표(trailing comma), 키나 문자열을 작은따옴표로 감싼 경우, 주석(//) 사용 등입니다. 표준 JSON은 이 세 가지를 모두 허용하지 않으므로 검사에서 오류로 표시됩니다. 오류 메시지에 나오는 위치 힌트를 참고해 해당 줄 부근을 확인하면 원인을 빠르게 찾을 수 있습니다. 정렬·압축 결과는 오른쪽 위 복사 버튼으로 바로 가져갈 수 있습니다.

정렬된 JSON은 사람이 검토하기 좋고, 압축된 JSON은 네트워크로 주고받기 좋습니다. 그래서 개발 중에는 정렬해서 값을 확인하고, 실제 전송할 때는 압축본을 쓰는 식으로 상황에 맞게 활용하면 됩니다. 트리 보기는 응답이 깊게 중첩된 경우 특정 값이 어느 경로에 있는지 빠르게 짚는 데 도움이 됩니다. 모든 처리가 브라우저 안에서 이루어지므로, 인증 토큰이나 개인정보가 담긴 API 응답도 외부로 나갈 걱정 없이 정리하고 검사할 수 있습니다.

자주 묻는 질문

입력한 JSON이 서버로 전송되나요?

아니요. 모든 정렬·압축·검사는 브라우저 안에서만 실행되며 입력한 데이터는 서버로 전송되거나 저장되지 않습니다.

정렬과 압축의 차이는 무엇인가요?

정렬(2칸·4칸)은 들여쓰기와 줄바꿈을 넣어 사람이 읽기 좋게 만드는 기능이고, 압축(minify)은 모든 공백과 줄바꿈을 제거해 한 줄로 만들어 용량을 줄이는 기능입니다.

키 정렬은 언제 쓰나요?

객체의 키를 사전순으로 재배열하는 기능입니다. 순서만 다르고 내용은 같은 두 JSON을 비교하거나, 항상 일정한 순서로 출력하고 싶을 때 유용합니다.

오류 메시지에 위치가 표시되나요?

브라우저가 제공하는 SyntaxError 메시지를 그대로 보여 주며, 가능한 경우 오류가 발생한 줄·열 위치 힌트를 함께 표시합니다.

마지막 쉼표나 작은따옴표를 써도 되나요?

표준 JSON은 마지막 요소 뒤의 쉼표, 작은따옴표로 감싼 키·문자열, 주석을 허용하지 않습니다. 이런 경우 검사에서 오류로 표시되므로 큰따옴표를 사용하고 불필요한 쉼표를 제거해야 합니다.

큰 JSON도 처리되나요?

네. 수 MB 규모의 JSON도 처리할 수 있습니다. 다만 브라우저 성능에 따라 매우 큰 파일은 정렬에 잠깐 시간이 걸릴 수 있습니다.