Blog

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

Category
Author
Tags
PinOnMain
1 more property

1. 데이터 준비

아래 링크는 "서울의 미세먼지" 실시간 데이터이다.
해당 링크를 열어보면 구분하기 어려운 형태의 데이터를 얻게 된다.

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

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

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

1번 과정에서 확인했던 "서울의 미세먼지" 실시간 데이터를 다시한번 열어본다.
아까와는 다르게 무언가 정렬된 형태로 데이터를 볼 수 있게된다.

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

폴딩되는 부분을 접어서 살펴보면..
JavaScript에서 처음에 배웠던 Dictionary형태인 것을 확인 할 수 있다.
'RealtimeCityAir' 라는 key에 { ..., ..., ... } 형태로
list_total...
RESULT
row
3개의 값이 들어가 있으며
또한 row라는 key에 [ ... ]로 리스트가 들어가있다.
row의 리스트를 열어보면 데이터들이 배열처럼 정리되어 있다.
이와 같은 형태가
서버에서 클라이언트로 데이터를 내려줄때 가지고 올 수 있는 포맷이며
이러한 데이터 규칙은 Dictionary 형식으로 되어 있다.
이러한 형식을 "JSON"이라고 부른다.
서버에서 내려온 Dictionary 형식의 데이터