Harvey's TechNote

 json은 개발 관련 공부를 하다 보면 자주 마주하게 될 수밖에 없습니다. 

 저만 해도 수십 번은 json 파일을 봐왔으나.. json이 대충 데이터를 전달할 때 사용되는 방식이라고만 알고 있고 남에게 정확하게 설명하라면 어떻게 서론을 시작해야 할지도 감히 안 잡혔습니다. 그래서 이번에 확실히 개념과 Javascript에서의 간단한 사용법을 짚고 넘어가고자 합니다.

JSON

 JSON(JavaScript Object Notification)은 사람이 읽고 쓰기 쉽고 기계 또한 구문을 분석하고 생성하기 쉬운 경량 데이터 형식입니다. 
서버, 웹, 프로그램 간 데이터를 전송하고 데이터를 저장 및 교환하는 데 자주 쓰입니다.

키는 문자열이며 값은 문자열,숫자,Boolean, 배열 및 객체를 포함합니다.  아래의 JSON 객체의 간단한 예를 보시면서 이해하시면 됩니다.

{
   "name" : "YUNSU KEUM"
   "age" : 27
   "face" : "young"
}

key(키) : "name" , " age" , "face "

value(값) :  "YUNSU KEUM", 27, "young"

JSON.stringify / JSON.parse

JSON.stringify

 JSON으로 만들어진 메시지를 보내려면 보내는 이와 받는 이가 같은 프로그램을 사용하여야 합니다. 아니면 문자열로 되어서 누구나 읽을 수 있는 형태여야 하죠. JSON.stringify는 여기서 자바스크립트 객체나 값을 JSON 문자열로 변환해 주는 자바스크립트의 메서드입니다.

그렇게 결과로 생성 된 JSON 문자열은 네트워크를 통해서 저장되거나 전송될 수 있게 되죠.

 예시의 자바스크립트 객체에 JSON.stringify 메서드를 사용해 보겠습니다. 

const yunsu = {
  lastName: "Keum",
  age: 27,
  city: "Gyeongsan"
};

const jsonYunsu = JSON.stringify(yunsu); // {"name":"Keum","age":"27","city":"Gyeongsan"}

결과가 JSON 표현이 문자열로 반환됩니다.  

JSON.parse

 JSON.parse()는 JSON.strigify와 달리 JSON 문자열을 자바스크립트 객체나 값으로 변환하는 자바스크립트의 메서드입니다. 

예시로 JSON 문자열을 자바스크립트 객체로 변환해보겠습니다.

const jasonYunsu = '{"name":"Keum","age":"27","city":"Gyeongsan"}';

const yunsu = JSON.parse(jsonString); 

// {
//   lastName: "Keum",
//   age: 27,
//   city: "Gyeongsan"
// }

마지막으로 JSON에서 꼭 지켜야 하는 기본 규칙이 있습니다.