JSON 사이트 소개와 사용법 및 쓰는 이유

JSON에 대해 간략하게 알아보겠습니다.

이미지 출처 : http://json.org/json-ko.html

먼저 JSON 사이트 입니다. http://json.org/json-ko.html

한글로 자세하게 나와 있으니 살펴 보면 좋겠습니다.

요즘에는 브라우저에서 JSON을 지원하므로 그냥 사용하면 됩니다.

단, 오래된 브라우저일 때는 "json2 라이브러리"를 검색하여 

https://github.com/douglascrockford/JSON-js 의 json.js 파일을 다운받아 추가하여 사용하면 됩니다.

JSON 의 사용 함수로는 parse()와 stringify()가 있습니다.

json 형태의 변수에는 다음 값이 들어있습니다. 한 줄의 문자일 뿐입니다.

var jsonValues = '{"person":[' +

               '{"firstName":"John","lastName":"Tomi" },' +

              '{"firstName":"Will","lastName":"Smith" },' +

             '{"firstName":"Mark","lastName":"Joneson" } ] }';

먼저 parse() 사용법을 알아보면 다음과 같습니다.

var map = JSON.parse(jsonValues);

map의 변수에서 Will Smith를 접근하려면 다음과 같습니다.

alert(map.person[1].firstName + " " + map.person[1].lastName);

다음으로는 stringify() 사용법을 알아보면 다음과 같습니다.

위의 parse()를 통해서 나온 map 변수를 가져와 쓰면

var jsonType = JSON.stringify(map);

alert(jsonType); // 결과는 jsonValues가 됩니다.

쓰는 이유

JSON.parse의 는 화면에서 접근/사용하는데 적합한 것 같고,

JSON.stringify는 데이타로 전송할 때 한 줄의 파람 형태나 문자열로 보낼 수 있어서 사용되는 것 같습니다.

그 외로 빅데이터의 비정형 데이타 형태로도 사용됩니다.