1. JSON

JSON은 JavaScript Object Notation의 약자로 '제이슨'이라고 읽습니다. JavaScript에서 객체를 만들 때 사용하는 표현식으로 JavaScript의 구문 형식을 따르는 언어 독립형 데이터 포맷입니다. 프로그래밍 언어와 플랫폼에 독립적이기 때문에 자바스크립트가 아닌 다른 언어에서도 쉽게 사용이 가능합니다.

통신에서는 주로 데이터를 XML, CSV, JSON 형식으로 주고받으며 그중에서도 JSON이 많이 사용되는 편입니다.

<aside> 💡 JSON 규격을 좀 더 엄밀하게 지키는 모듈을 사용할 때에는 꼭 규격을 지켜주셔야 합니다. JSON을 지원하지 않으며 홑따옴표가 아닌 쌍따옴표를 사용해야 합니다.

</aside>

한 가지 예를 들어보도록 하겠습니다. 아래 이미지는 현재는 서비스를 중단한 라이브코로나(https://livecorona.co.kr/)의 캡처화면입니다. 잠깐 살펴볼까요?

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3d77a455-4e24-4ae6-b7ff-4b41d37c52a0/Untitled.png

여기서 모든 데이터는 JSON 형식으로 관리됩니다. 지도에 뿌려진 국내 현황 데이터를 확인해 볼까요? 아래는 2020년 10월의 데이터입니다.

2020년 10월 코로나 데이터

2020년 10월 코로나 데이터

2020년 10월 코로나 데이터에서 볼 수 있듯이 JSON은 Key(키)와 Value(값)가 한 쌍으로 이루어져 있습니다. 이때 데이터에서의 Key는 "지역이름", "확진자수", "격리해제수", "사망자수", "십만명당발생율", "지역별확진자비율"이고, Value는 그에 해당하는 "전국", 24889 등의 입니다. Key를 값의 이름이라고 생각하면 좀 더 이해하기 쉽습니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dc6cb4e8-49c4-41bf-9e1b-15f4464c639f/--7.png

그럼 JSON 형식의 데이터들은 어떻게 사용할 수 있을까요? 보통 Key를 통해 Value를 가져와 사용합니다. 간단한 예제로 알아봅시다.

var data = [
    {
        "name": "라이캣",
        "age" : "10",
        "language": "Python"
    },
    {
        "name": "빙키",
        "age": "모름",
        "language": "Javascript"
    },
];

console.log(data[0]);          
console.log(data[0]['name']);
console.log(data[1]['name']);