[javascript]JSON

JSON 이란 javascript object notation 입니다 

 

자바스크립트 문법을 이용한 데이터 형식이라고 할 수 있겠죠 ㅎㅎ 

제이슨 이라고 다들 이야기를 많이 하시기도 하고 프로그래밍을 하다 보면 빼먹을 수 없는 

내용입니다 무조건 알고 있으셔야해요 ㅎㅎ 

 

javascript  개념으로 봤을때는 그냥 객체 처럼 보입니다 객체라고 할 수 있는 겁니다 ㅎㅎ 

그리고 이 JSON이 나온 배경은 옛날 프로젝트들 보시면 아마 JSON을 안쓰고 

XML을 쓸겁니다 ㅎㅎ 제가 했던 GIS 프로젝트 에서는 기본적으로 사용하는 

지도를 기본도 라고 지정 해놓고 사용했는데 기본도에 필요한 데이터들을 xml파일로 저장해두고 

불러와 사용하곤 했습니다 ㅎㅎ 

근데 요즘은 XML쓰지 않죠 JSON을 사용하기 때문입니다 

 

자 구조를 한번 봅시다 

 

{
	"name" : "devJ",
    "age"  : "?" ,
    "addr" : "??",
    "test" : {
    		   "test2" : "123"
             }
     "num" : 2,
     "arry" : ["2", "1", "test"]

}JAVASCRIPT

이처럼 왠만한 데이터는 다 들어갈 수 있습니다

 

구조를 보시면 알겠지만 키와 값을 한쌍인 구조이고 좌측은 key 우측은 value 키와 값입니다 

 

그리고 javascript에서 JSON을 더 잘활용 할 수 있도록 객체를 제공합니다 이 객체에 

여러가지 함수가 있기때문에 이용하기 편할것입니다 ㅎㅎ 

var sampledata = {
                    "name" : "devJ",
                    "age"  : "?" ,
                    "addr" : "??",
                    "test" : {
                               "test2" : "123"
                             }
                     "num" : 2,
                     "arry" : ["2", "1", "test"]

                }

//문자열로 변경
var jsnToStr = JSON.stringify(sampledata);

//json으로 변경
var strToJsn = JSON.parse(jsnToStr);JAVASCRIPT

 

간혹 외부 api를 사용하는 경우도 있는데 그때 데이터 리턴 타입이 JSON인 경우도 있어서 

요청하고 받은 데이터가 JSON이면 위의 JSON객체를 이용해 알맞게 사용할 수 있습니다 

 

그리고 JSON 구조의 데이터를 사용하는 방법은 아주간단합니다 ㅎㅎ

 

console.log(sampledata.name);  
--> devJJAVASCRIPT

아주 간단하게 사용할 수 있습니다

 

JSON 여러 군데에서 사용합니다 백엔드에서 JSON으로 넘길수도 있고 어디선가 JSON파일을 주며 

구조화 해달라고 할지도 모르구요  

꼭 알고 계셨으면 합니다