[JavaScript] 10. JSON

 

1. HTTP(Hypertext Transfer protocal)

 - 브라우저 위에서 동작하고 있는 웹사이트나 웹어플리케이션과 같은 Client들이 어떻게 Server와 통신할 수 있는지를 정의한 것이다.

 - Hypertext를 서로 어떻게 주고받을 수 있는지를 규약한 Protocal의 하나이다.

 - XML과 JSON 등의 다양한 파일 포맷으로 주고받는다.

 

1-1. AJAX(Asynchronous JavaScript And XML)

 - HTTP를 이용해서 서버에게 데이터를 요청해서 받아올 수 있는 방법.

 - 웹페이지에서 동적으로 서버와 데이터를 주고받을 수 있는 기술.

 - ex) XHR(XMLHttpRequest) : 브라우저 API에서 제공하는 Object

 

1-2. XML(eXtensible Markup Language)

 - HTML과 같은 Markup 언어이다.

 - <tag>를 이용해서 데이터를 나타낸다.

 - XML을 이용해 서버와 통신하게 되면, 불필요한 tag들이 많이 들어가 파일 크기도 커지고 가독성이 떨어진다.

 

 

2. JSON(JavaScript Object Notation)

 - XML 대신에 많이 사용되는 언어.

 - ECMA 3(1999)의 Object에 영감을 받았다고 한다.

 - {key : value}로 이루어져 있다.

 - 브라우저 뿐만 아니라, 모바일에서 서버와 데이터를 주고받고, 통신을 하지 않고 파일시스템에 오브젝트를 저장할 때도 사용된다.

 - 대부분의 언어와 그 플랫폼에서 JSON을 지원한다.

JSON
 - simplest data interchange format
 - lightweight text-based structure
 - easy to read
 - key-value pairs
 - used for serialization and transmission of data between the network and the network connection
 - independent programming language and platform

 

 

3. .stringify()

 - Object to JSON

 

 

4. .parse()

 - JSON to Object

 

'use strict';

let json = JSON.stringify(true);
let obj = JSON.parse(json);