JSON 포맷터 가이드 - JSON 정리 및 검증 방법

JSON이란?

JSON(JavaScript Object Notation)은 데이터를 저장하고 교환하는 경량 데이터 형식입니다. 사람이 읽고 쓰기 쉬우며, 기계가 파싱하고 생성하기 쉽습니다.

JSON 기본 문법

데이터 타입

{
  "문자열": "Hello World",
  "숫자": 42,
  "소수": 3.14,
  "불린": true,
  "null값": null,
  "배열": [1, 2, 3],
  "객체": {"키": "값"}
}

규칙

키는 반드시 큰따옴표(")로 감싸기
문자열 값도 큰따옴표 사용
마지막 요소 뒤 쉼표 금지
주석 사용 불가
작은따옴표(') 사용 불가

올바른 JSON vs 잘못된 JSON

올바른 예시

{
  "name": "홍길동",
  "age": 30,
  "active": true
}

잘못된 예시들

// 오류 1: 작은따옴표
{'name': '홍길동'}

// 오류 2: 키에 따옴표 없음
{name: "홍길동"}

// 오류 3: 마지막 쉼표
{"name": "홍길동",}

// 오류 4: 주석 포함
{"name": "홍길동" /* 이름 */}

JSON 포맷팅이 필요한 경우

1. API 응답 분석

한 줄로 압축된 응답을 읽기 쉽게 정리

2. 설정 파일 편집

package.json, tsconfig.json 등 설정 파일 수정

3. 데이터 디버깅

API 요청/응답 데이터 확인

4. 문서화

보기 좋게 정리된 JSON으로 문서 작성

포맷팅 옵션

들여쓰기

2칸 (일반적)
4칸 (가독성 우선)
탭 (개인 선호)

압축 (Minify)

{"name":"홍길동","age":30}

파일 크기 감소
네트워크 전송 최적화

정리 (Beautify)

{
  "name": "홍길동",
  "age": 30
}

가독성 향상
디버깅 용이

자주 발생하는 오류

1. Unexpected token

원인: 잘못된 문자나 구문
해결: 따옴표, 괄호, 쉼표 확인

2. Unexpected end of input

원인: 닫는 괄호 누락
해결: {}, [] 짝 확인

3. Invalid character

원인: 제어 문자나 특수 문자
해결: 이스케이프 처리 (\n, \t)

JSON 검증 체크리스트

모든 키가 큰따옴표로 감싸져 있는가?
문자열 값이 큰따옴표를 사용하는가?
마지막 요소 뒤에 쉼표가 없는가?
모든 괄호가 짝이 맞는가?
주석이 포함되어 있지 않은가?

JSON 활용 팁

API 테스트

curl -H "Content-Type: application/json" \
  -d '{"key":"value"}' \
  https://api.example.com

JavaScript에서 파싱

const data = JSON.parse('{"name":"홍길동"}');
const json = JSON.stringify(data, null, 2);

JSON 포맷터 사용하기

복잡한 JSON을 쉽게 정리하고 오류를 검증하세요!

👉 JSON 포맷터 바로가기

결론

JSON은 현대 웹 개발의 필수 데이터 형식입니다. 올바른 문법과 포맷팅으로 효율적인 개발을 하세요.