JSON

자바스크립트를 만지다보면, 혹은 인터넷을 하다가도 JSON이라는 것이 자주 등장합니다. 그렇다면 JSON이 대체 뭐길래 이렇게 자주 언급되는 것 일까요?

---

1. JSON 소개

JSON(JavaScript Object Notation)은 문자 기반 데이터 포맷 중 하나입니다. 포맷 중에서도 자바스크립트의 객체 문법을 따르고 있어서 자바스크립트를 사용할 줄 안다면 쉽게 이해할 수 있는 데이터이기도 합니다. JSON은 주로 비동기 통신 AJAX(XML을 대체)을 위해서 사용되고 있습니다. 또한 작성이 쉽고 모르는 사람이 봐도 이해하기 쉽기 때문에 JSON이 많이 사용되고 있는 추세입니다. 다음은 JSON의 구조를 보여주는 예시입니다.

{
  "key1": "value1",
  "key2": "value2",
}

 

 

 

2. JSON 작성법

위에서 구조를 간단하게 살펴봤지만 key:value 쌍으로 작성합니다. 이때 value로 문자열 뿐만아니라, 숫자, 배열, 불리언, 객체 등 다양한 값들이 올 수 있습니다. 작성법은 다음과 같은 네가지의 큰 규칙이 있습니다.

• 키와 밸류는 큰 따옴표(")로 적는다.
• 각 데이터 쌍 사이는 쉼표(,)로 구분한다.
• 배열은 대괄호([])사이에 적는다.
• 객체는 중괄호({})를 이용해서 적는다.

위 규칙들에 따라서 간단한 개인정보를 담은 JSON 객체를 만들어보겠습니다.

{
  "name": "김병철",
  "age": 24,
  "job": "생존전문가",
  "address": "서울특별시 용산구 원효로제2동",
  "specialty": [	//배열
    "생존",
    "라마즈호흡",
  ],
  "uniqueness": {	//객체
    "목숨": 2,
    "생존": true,
    "출연작": "이말년씨리즈",
  },
}

 

이렇게 작성된 JSON은 자바스크립트 측에서 변수에 담은 후 value에 접근할 수 있습니다. 

변수.key
변수.['key']

---

참조

https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON

JSON으로 작업하기 - Web 개발 학습하기 | MDN

https://www.json.org/json-ko.html

JSON