JSON은 웹 개발에서 데이터 교환의 표준 형식입니다. JSON을 다루는 방법과 흔한 오류를 해결하는 법을 알아봅니다.
JSON이란?
JavaScript Object Notation의 약자로, 데이터를 저장하고 전송하기 위한 경량 텍스트 형식입니다.
JSON 기본 문법
데이터 타입
- 문자열: "Hello World" (큰따옴표 필수)
- 숫자: 123, 3.14
- 불리언: true, false
- null: null
- 배열: [1, 2, 3]
- 객체: {"key": "value"}
예시
{
"name": "홍길동",
"age": 30,
"isStudent": false,
"hobbies": ["독서", "영화"],
"address": {
"city": "서울",
"zipcode": "12345"
}
}
흔한 JSON 오류
1. 작은따옴표 사용
잘못: {'name': 'value'}
올바름: {"name": "value"}
2. 마지막 쉼표
잘못: {"a": 1, "b": 2,}
올바름: {"a": 1, "b": 2}
3. 주석 사용
JSON은 주석을 지원하지 않습니다.
JSON 활용
- API 응답: REST API 데이터 형식
- 설정 파일: package.json, tsconfig.json
- 데이터 저장: NoSQL 데이터베이스
JSON vs XML
- JSON: 가볍고 읽기 쉬움, JS와 호환 좋음
- XML: 스키마 지원, 속성 표현 가능
마무리
JSON 포맷터로 복잡한 JSON을 정렬하고, 문법 오류를 즉시 확인할 수 있습니다.