JSON 포맷터

사용법

왼쪽에 JSON 문서를 붙여 넣으면 오른쪽에 포맷 결과가 표시됩니다. Pretty 모드는 들여쓰기를 적용하고 Minify 모드는 공백을 제거해 압축 출력합니다. 유효하지 않은 JSON은 줄·열 번호와 함께 에러 위치를 표시해 큰 API 응답이나 구문 오류가 묻힌 설정 파일을 디버깅할 때 유용합니다.

들여쓰기 폭은 2 / 4 / 8 스페이스 중에서 고를 수 있습니다. 모든 처리는 브라우저 안에서 끝나므로 거대한 JSON 페이로드도 기기 밖으로 나가지 않습니다.

예제

{"a":1,"b":[2,3]}

{
  "a": 1,
  "b": [
    2,
    3
  ]
}

{
  "user": "alice",
  "scopes": ["read", "write"]
}

{"user":"alice","scopes":["read","write"]}

{
  "name": "bob"
  "age": 30
}

Expected , or } at line 3, column 3

자주 묻는 질문

관련 개념

JSON(JavaScript Object Notation)은 RFC 8259에 정의된 구조화 데이터 텍스트 포맷입니다. 포맷터가 하는 일은 두 가지 — 파싱(텍스트 → 메모리 트리)과 직렬화(트리 → 원하는 공백을 적용한 텍스트). 에러는 파싱 단계에서만 발생합니다.

자주 걸리는 함정: 키는 큰따옴표 문자열이어야 하고 마지막 콤마는 허용되지 않습니다. 사용할 수 있는 원시 타입은 문자열·숫자·불리언·null·배열·객체뿐이며, 함수·Date·undefined는 직접 쓸 수 없으므로 애플리케이션 레이어에서 명시적으로 변환해야 합니다.

JSON과 비슷해 보이지만 파싱 동작이 다른 인접 포맷이 몇 가지 있습니다. JSON5는 주석·끝 콤마·따옴표 없는 키를 허용해 사람이 직접 편집하는 설정 파일에 적합합니다. JSONC(tsconfig.json과 VS Code의 settings.json이 채택)는 주석과 끝 콤마를 인정합니다. JSON Lines(NDJSON)는 바깥 배열을 두지 않고 한 줄에 독립된 JSON객체를 하나씩 씁니다. 로그 스트리밍과 추가 전용 파일에 적합합니다. 이 도구는 엄격한 RFC 8259만 구현하므로 이런 변종은 모두 파싱 에러가 됩니다. 먼저 확장 부분을 제거하거나, 대응하는 포맷 전용 도구를 거치세요.