Dev Hyeri

기술스택/JavaScript

[자바스크립트] 가장 쉬운 JSON 이해(2024)

_hyeri 2024. 1. 5. 22:39

 

JSON

JavaScript Object Notation 

자바스크립트 객체 표기법

 

데이터 포멧(저장) 방식 

 

 

 

 

1. 원리


 

객체로 데이터를 전달할 수 없어 문자열로 변환한뒤 전달.

웹페이지는 서버에서 전달받은 문자열을 파싱하여 유저의 화면에 출력한다.

*파싱 : 문장 분해 및 재조립

 

 

 

 

2. 데이터 포멧


 

비동기 서버-브라우저 통신인 AJAX를 위해 사용됨.

다른 데이터 포멧으로는 XML이 있다.

 

 

 

 

3. 특징


 

  • JS에서 파생됐긴 하지만 프로그래밍 언어나 플랫폼에 독립적이다.
  • 키 : 값  쌍으로 이루어진 데이터 오브젝트
  • 자료형 :  []배열 {}객체 사용
  • 계층적 구조 
  • XML보다 간결하다.
  • 과거에는 XML 방식과 JSON 방식이 격돌하다가 최근에는 json방식 채택되는 추세이다.

JSON포멧으로 호출 : 공공데이터포털에서 [한국조폐공사_지역사랑상품권_결제정보] 데이터 내부 구조
XML포멧으로 호출 : 공공데이터포털에서 [ 국토교통부_건축물대장정보 서비스 ] 데이터 내부 구조