TIL 32일차

StringifyJSON을 배웠다. 스프린트 문제를 풀었다. 재귀함수도 이용해야했다. Tree UI를 풀땐 DOM을 사용했다. DOM을 어떻게 사용하는지 가물가물해서 다시 찾아보아야했다.

 

JSON의 탄생 배경

JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다. 네트워크를 통해, 어떤 객체 내용을 다른 프로그램에게 전송한다고 가정해보자. 이 객체 내용을 일종의 메신저 혹은 채팅 프로그램에서 쓰는 하나의 메시지라고 한다면, 다음 객체를 어떻게 전송할 수 있을까?

const message = {
  sender: "김개발",
  receiver: "박디자이너",
  message: "디자이너야 오늘 저녁 같이 먹을래?",
  createdAt: "2021-01-12 10:10:10"
}

메시지 객체가 전송 가능하려면, 메시지를 보내는 발신자와 메시지를 받는 수신자가 같은 프로그램을 사용하거나, 문자열처럼 범용적으로 읽을 수 있는 형태여야 한다.

전송 가능한 조건

• 수신자와 발신자가 같은 프로그램을 사용한다.
• 또는, 문자열처럼 범용적으로 읽을 수 있어야 한다.

객체는 타입 변환을 이용해 String으로 변환할 경우 객체 내용을 포함하지 않는다. JavaScript에서 객체에 메소드(message.toString())나 형변환(String(message))을 시도하면, [object Object] 라는 결과를 리턴한다. 이 문제를 해결하는 방법은 객체를 JSON의 형태로 변환하거나 JSON을 객체의 형태로 변환하는 방법이다. 이를 위한 메소드는 다음과 같다.

• JSON.stringify : Object type을 JSON으로 변환한다.
• JSON.parse : JSON을 Object type으로 변환한다.

let transferableMessage = JSON.stringify(message)
console.log(transferableMessage)  // `{"sender":"김개발자","receiver":"박디자이너","message":"디자이너야 오늘 저녁 같이 먹을래?","createdAt":"2021-01-12 10:10:10"}`
console.log(typeof(transferableMessage)) // `string`

stringify하는 이 과정을 직렬화(serialize)한다고 한다.

JSON으로 변환된 객체의 타입은 문자열이다. 발신자는 객체를 직렬화한 문자열을 누군가에게 객체의 내용을 보낼 수 있다. 그렇다면 수신자는 이 문자열 메시지를 어떻게 다시 객체의 형태로 만들 수 있을까? JSON.stringify와 정반대의 작업을 수행을 하는 메소드 JSON.parse 를 사용할 수 있다.

let packet = `{"sender":"김개발자","receiver":"박디자이너","message":"디자이너야 오늘 저녁 같이 먹을래?","createdAt":"2021-01-12 10:10:10"}`

let obj = JSON.parse(packet)
console.log(obj)
/*
 * {
 * sender: "김개발자",
 * receiver: "박디자이너",
 * message: "디자이너야 오늘 저녁 같이 먹을래?",
 * createdAt: "2021-01-12 10:10:10"
 * }
 */
 console.log(typeof(obj))
 // `object`

JSON.parse를 적용하는 이 과정을 역직렬화(deserialize)한다고 한다.

 

Today's Key🔑

• stringify하는 과정을 직렬화(serialize)한다고 한다.
• JSON.parse를 적용하는 과정을 역직렬화(deserialize)한다고 한다.