JSON

JSON

👉 JSON이란?

JSON은 JavaScript Object Notation의 약자로, 객체 문법으로 구조화된 데이터를 표현하기 위한 텍스트 기반의 표준 포맷이다.

• 웹 애플리케이션에서 데이터를 전송할 때 일반적으로 사용한다. (서버에서 클라이언트로 데이터를 전송하여 표현하려거나 반대의 경우)
• JSON은 텍스트 기반이기 때문에 다양한 프로그래밍 언어에서 데이터를 읽고 사용할 수 있다.
• JavaScript에서 객체를 만들 때 사용하는 표현식을 의미한다.
• JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해 데이터 전송 등에 많이 사용한다.

▶️ JSON 구조

JSON은 JavaScript 객체 리터럴 문법을 따르는 문자열이다. JSON 안에는 마찬가지로 JavaScript의 기본 데이터 타입인 문자열, 숫자, 배열, boolean, 그리고 다른 객체를 포함할 수 있다.

{
  "squadName": "Super hero squad",
  "homeTown": "Metro City",
  "formed": 2016,
  "secretBase": "Super tower",
  "active": true,
  "members": [
    {
      "name": "Molecule Man",
      "age": 29,
      "secretIdentity": "Dan Jukes",
      "powers": ["Radiation resistance", "Turning tiny", "Radiation blast"]
    },
    {
      "name": "Madame Uppercut",
      "age": 39,
      "secretIdentity": "Jane Wilson",
      "powers": [
        "Million tonne punch",
        "Damage resistance",
        "Superhuman reflexes"
      ]
    },
    {
      "name": "Eternal Flame",
      "age": 1000000,
      "secretIdentity": "Unknown",
      "powers": [
        "Immortality",
        "Heat Immunity",
        "Inferno",
        "Teleportation",
        "Interdimensional travel"
      ]
    }
  ]
}

▶️ JSON의 기본 규칙

JSON은 얼핏 보기에 자바스크립트의 객체와 별반 다를 바 없어보이지만, 자바스크립트의 객체와는 미묘하게 다른 규칙이 있다.

	자바스크립트 객체	JSON
키	키는 따옴표 없이 쓸 수 있음 { key : "property" }	반드시 쌍따옴표를 붙여야 함 '{"key":"property"}'
문자열 값	작은따옴표도 사용 가능 {"key" : 'property'}	반드시 큰따옴표로 감싸야 함 '{"key":"property}'
키와 값 사이 공백	사용 가능 {"key" : 'property'}	사용 불가능 '{"key":"property}'
키-값 쌍 사이 공백	사용 가능 { key:'property', num:1 }	사용 불가능 '{"key":"property","num":1}'

그 외 규칙

• 객체와 배열의 후행 쉼표는 허용하지 않는다.
• 주석 및 undefined 미지원

▶️ 메서드

JSON.parse()

문자열 → 객체

문자열을 JSON으로서 구문 분석하고, 선택적으로 분석 결과의 값과 속성을 변환해 반환한다.

JSON.stringify()

객체 → 문자열

주어진 값에 해당하는 JSON 문자열을 반환한다. 선택 사항으로 특정 속성만 포함하거나 사용자 정의 방식으로 속성을 대체한다.

Reference

MDN : JSON, JSON으로 작업하기

devkuma : JSON 이란?