JSON 포맷터 | 검증·정리·압축 도구

JSON 포맷터

이 도구는 붙여넣거나 입력하는 즉시 JSON을 분석하여 처음 발견된 구문 오류를 해당 줄 정보와 함께 표시하고, 유효한 JSON을 들여쓰기가 적용된 읽기 쉬운 문서나 한 줄로 압축된 문자열로 변환합니다. 불필요한 쉼표나 따옴표 없는 키 같은 오류는 나중에 어딘가에서 조용히 문제를 일으키기 전에 즉시 발견됩니다.

검증이 작동하는 방식

입력한 텍스트는 변경될 때마다 RFC 8259 표준을 따르는 파서를 거칩니다. 분석이 성공하면 객체는 읽기용 보기에서는 공백 두 칸 들여쓰기로, 압축 보기에서는 공백 없이 다시 작성됩니다. 분석이 실패하면 처리 과정은 누락된 쉼표, 닫는 중괄호 바로 앞의 불필요한 쉼표, 따옴표 없는 키, 큰따옴표 대신 작은따옴표로 닫힌 문자열 같은 첫 번째 구조적 문제에서 멈추고, 일반적인 'JSON이 유효하지 않습니다'라는 안내 대신 파서가 실제로 반환한 오류 메시지를 보여줍니다. 분석과 서식 지정은 모두 브라우저 안에서 이루어지며, 텍스트는 페이지 밖으로 전송되지 않습니다. 서식 지정 외에도 결과는 구문 강조가 적용된 코드, 일반 텍스트, 접을 수 있는 트리, 편집 가능한 폼 중 하나로 볼 수 있으며, 원본이나 결과는 필드·연산자·값 규칙 빌더, 자유 텍스트 검색, JMESPath 쿼리로 필터링할 수 있습니다. 또한 .json 파일 업로드, 결과 다운로드, 실행 취소·다시 실행 기록, 실시간 바이트 크기 및 줄 수 표시도 제공됩니다.

실제 예시

{"id": 4821, "name": "김서윤", "active": true,} 객체를 살펴보겠습니다. 닫는 중괄호 바로 앞의 쉼표에 주목하세요. JSON은 자바스크립트 객체 리터럴과 달리 마지막 속성 뒤에 쉼표를 허용하지 않기 때문에, 파서는 이 쉼표를 구문 오류로 처리합니다. 도구는 파일을 그대로 받아들이는 대신 정확히 이 위치에서 오류를 알려주며, true 뒤의 쉼표를 제거하면 각 키가 자신의 줄에 배치된 상태로 객체가 올바르게 서식이 지정됩니다. 배열 안에 있는 여러 값 사이의 쉼표가 하나 빠진 경우에도 파서는 같은 방식으로 정확한 위치를 알려줍니다.

서식 지정 전후 비교

일반적인 API 응답은 한 줄로 압축된 상태로 도착합니다. 서식 지정은 이를 읽기 쉽게 펼치고, 압축은 전송을 위해 그 과정을 되돌립니다. 아래 예시처럼 여러 단계로 중첩된 주문 객체에도 동일한 규칙이 그대로 적용됩니다.

{"orderId":88213,"customer":"김서윤","city":"부산","items":[{"sku":"KT-104","qty":2},{"sku":"KT-207","qty":1}],"total":45000,"paid":true}

{
  "orderId": 88213,
  "customer": "김서윤",
  "city": "부산",
  "items": [
    {
      "sku": "KT-104",
      "qty": 2
    },
    {
      "sku": "KT-207",
      "qty": 1
    }
  ],
  "total": 45000,
  "paid": true
}