[JavaScript] 서버와 클라이언트 통신이해와 "JSON 이란?"

1. 데이터 준비

아래 링크는 "서울의 미세먼지" 실시간 데이터이다.

http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99

 

해당 링크를 열어보면 다음과 같이 구분하기 어려운 형태의 데이터를 얻게 된다.

 

2. JSONVue를 설치하고 데이터 확인

https://chrome.google.com/webstore/detail/jsonvue/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko 

JSONVue

JSONVue라는 브라우저 확장 프로그램을 설치한다.

확장 프로그램을 chrome에 설치하였다.

 

3. JSONVue를 통한 데이터 재확인

1번 과정에서 확인했던 "서울의 미세먼지" 실시간 데이터를 다시한번 열어본다.

아까와는 다르게 무언가 정렬된 형태로 데이터를 볼 수 있게된다.

 

4. 해당 데이터의 구조는..?

폴딩되는 부분을 접어서 살펴보면..

JavaScript에서 처음에 배웠던 Dictionary형태인 것을 확인 할 수 있다.

'RealtimeCityAir' 라는 key에 { ..., ..., ... } 형태로

list_total... 

RESULT

row

3개의 값이 들어가 있으며

 

또한 row라는 key에 [ ... ]로 리스트가 들어가있다.

 

row의 리스트를 열어보면 데이터들이 배열처럼 정리되어 있다.

 

이와 같은 형태가

서버에서 클라이언트로 데이터를 내려줄때 가지고 올 수 있는 포맷이며

이러한 데이터 규칙은 Dictionary 형식으로 되어 있다.

 

이러한 형식을 "JSON"이라고 부른다.

 

서버에서 내려온 Dictionary 형식의 데이터

 

 

 

 

---

 

 

해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다.

https://github.com/yzpocket/Sparta99training

GitHub - yzpocket/Sparta99training