JSON 포맷터

JSON(JavaScript Object Notation)은 데이터를 저장하거나 전송할 때 널리 사용하는 경량의 텍스트 기반 데이터 교환 형식입니다. 2000년대 초반 더글러스 크록포드(Douglas Crockford)에 의해 정립되었으며, 현재는 국제 표준 규격(RFC 8259 및 ECMA-404)으로 지정되어 전 세계 거의 모든 프로그래밍 언어에서 널리 활용되고 있습니다.

JSON은 자바스크립트의 객체 표기법에서 착안하여 탄생했으나, 특정 언어에 종속되지 않는 완전한 독립적(Language-Independent) 포맷입니다. 기계가 신속하게 파싱하고 생성할 수 있으면서도, 개발자가 직관적으로 읽고 이해할 수 있도록 설계된 것이 가장 큰 특징입니다.

*주의: JSON 규격에는 함수(Function), 날짜 객체(Date 객체 자체), 정규식(RegExp), 주석(Comments), undefined 타입이 포함되지 않으며, 오직 순수한 직렬화 데이터만 표현할 수 있습니다.

과거 웹 초기에는 XML(Extensible Markup Language)이나 SOAP 통신이 엔터프라이즈 환경의 지배적인 표준이었습니다. 그러나 웹 2.0과 비동기 AJAX 통신, 모바일 생태계가 급격히 발전하면서 사실상 모든 프론트엔드-백엔드 간 통신의 사실상 표준(De Facto Standard) 자리는 JSON이 차지하게 되었습니다. 그 이유는 명확합니다.

프론트엔드 개발이나 API 연동 중 흔하게 맞닥뜨리는 SyntaxError: Unexpected token ... in JSON at position ... 에러는 대개 사소한 문법 차이에서 비롯됩니다. 가장 빈번히 발생하는 3대 에러의 원인과 해결책을 정리했습니다.

{
  "name": "KlevrCode",
  "active": true, // ⚠️ 마지막 쉼표 금지!
}

{
  "name": "KlevrCode",
  "active": true
}

{
  id: 101,          // ⚠️ 키에 큰따옴표 누락
  'role': 'admin'   // ⚠️ 작은따옴표 사용 불가
}

{
  "id": 101,
  "role": "admin"
}

{
  "desc": "첫번째 줄
두번째 줄",
  "quote": "그는 "안녕"이라 말했다"
}

{
  "desc": "첫번째 줄\n두번째 줄",
  "quote": "그는 \"안녕\"이라 말했다"
}