[JavaScript] JSON (JavaScript Object Notation-자바스크립트 객체 표기법) 🤔

JSON이란?

자바스크립트 객체를 표현하기 위한 문자열 기반의 데이터 교환 형식
JavaScript에서 객체를 표현하는 방식을 기반으로 만들어짐
웹 서버와 웹 클라이언트 간 데이터교환을 위한 표준 포맷으로 널리 사용된다.
JSON은 JavaScript에서 파싱 하기 쉽도록 간결하고 구조화된 형식으로 데이터를 표현하기 때문에 웹 애플리케이션에서 데이터를 주고받을 때 많이 사용된다.
가독성이 좋고, 크기가 작아서 데이터 전송에 용이하며, 프로그래밍 언어와 플랫폼에 독립적이어서 매우 유용하다.
기본 데이터 타입인 문자열, 숫자, 불리언, null, 배열, 객체 등을 모두 지원한다.

 

 

자바스크립트에서 객체는 중괄호({})로 감싸진 key-value 쌍의 집합으로 표현되지만, JSON에서는 이를 문자열 형태로 표현한다.

(javascript 객체)

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
}

(JSON 문자열로 변환)

'{"name":"John","age":30,"city":"New York"}'

 

 

아래 예제는 이름, 나이, 주소, 취미를 나타내는 JSON 객체로, 객체는 중괄호로 시작하고 끝나며, key와 value는 콜론으로 구분된다.

여러 개의 key-value 쌍은 쉼표로 구분된다.

객체 안에 또 다른 객체나 배열이 들어갈 수 있다.

{
  "name": "John",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "New York"
  },
  "hobbies": ["reading", "traveling"]
}