JSON 포맷터 & 검증기 — 무료 온라인 JSON 예쁘게 정리하기

JSON이란 무엇인가?

JSON(JavaScript Object Notation)은 데이터를 교환하기 위한 경량 텍스트 포맷입니다. 사람이 읽고 쓰기 쉬우면서도, 기계가 파싱(분석)하고 생성하기도 쉽습니다. 1999년 더글라스 크록포드(Douglas Crockford)가 고안했으며, 현재는 RESTful API, 설정 파일, 데이터베이스(MongoDB 등) 등 거의 모든 현대 소프트웨어에서 사용됩니다.

JSON 기본 문법

JSON은 6가지 데이터 타입을 지원합니다:

{
  "문자열": "Hello, 테크팁KR",
  "숫자": 42,
  "소수": 3.14,
  "불리언": true,
  "널": null,
  "배열": ["사과", "바나나", 3],
  "객체": {
    "name": "홍길동",
    "age": 30
  }
}

자주 발생하는 JSON 오류 유형과 해결법

오류 유형	잘못된 예	올바른 예
후행 쉼표(Trailing comma)	{"a":1, "b":2,}	{"a":1, "b":2}
작은따옴표 사용	{'name': 'Kim'}	{"name": "Kim"}
따옴표 없는 키	{name: "Kim"}	{"name": "Kim"}
주석 포함	{"a":1 // 주석}	{"a":1}
undefined 값	{"a": undefined}	{"a": null}
NaN, Infinity	{"n": NaN}	{"n": null}

API 응답 JSON 디버깅하는 법

브라우저 개발자 도구 활용

Chrome에서 F12 → Network 탭 → API 요청 클릭 → Response 탭에서 JSON 확인
JSON 응답을 클릭하면 트리 구조로 펼쳐볼 수 있습니다
Preview 탭에서는 더 깔끔하게 포맷된 JSON을 확인할 수 있습니다

curl로 API 테스트

curl -s https://api.example.com/users | python3 -m json.tool

FAQ

JSON과 XML의 차이는? ▼

JSON은 XML보다 가볍고, 자바스크립트에서 직접 파싱이 가능합니다. XML은 스키마 검증, 네임스페이스, 주석 등을 지원하지만 용량이 크고 파싱이 복잡합니다. 현재 웹 API에서는 JSON이 표준으로 자리잡았습니다.

JSON에서 주석(Comment)을 쓸 수 없나요? ▼

네, 표준 JSON에서는 주석을 지원하지 않습니다. 설정 파일에 주석이 필요하다면 JSONC(JSON with Comments, VS Code에서 사용)나 JSON5, 또는 YAML을 사용하는 것이 좋습니다.

입력한 JSON 데이터가 서버로 전송되나요? ▼

아니요, 모든 처리는 브라우저(JavaScript)에서만 이루어집니다. 서버로 전송되지 않으므로 API 키나 민감한 데이터가 포함된 JSON을 안심하고 입력할 수 있습니다.

📝 JSON 포맷터 & 검증기