JSON

JSON이란?

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

const message = {
  sender: "김씨",
  receiver: "박씨",
  message: "박씨 오늘 저녁 같이 먹을래?",
  createdAt: "2022-12-16 09:23:14"
}

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

전송 가능한 조건 (transferable condition)

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

• 객체는 타입 변환을 이용해 String으로 변환할 경우 객체 내용을 포함하지 않는다. JavaScript에서 객체를 문자열로 변환하기위해 메서드(message.toString())나 형변환(String(message))을 시도하면, [object Object] 라는 결과를 리턴하게 된다.

• 이 문제를 해결하는 방법은 객체를 JSON의 형태로 변환하거나 JSON을 객체의 형태로 변환하는 방법입니다. 이를 위한 메서드는 다음과 같습니다.

	SON.stringify : 객체를 JSON으로 변환한다.
    JSON.parse : JSON을 객체로 변환한다.

// [코드설명] message 객체를 JSON으로 변환하는 메서드 JSON.stringify

let transferableMessage = JSON.stringify(message)

console.log(transferableMessage) 
// `{"sender":"김씨","receiver":"박씨","message":"박씨 오늘 저녁 같이 먹을래?","createdAt":"2022-12-16 09:23:14"}`

console.log(typeof(transferableMessage))
// `string`

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

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

//[코드설명] 직렬화된 JSON에 메서드 JSON.parse를 적용하면 다시 객체의 형태로 변환할 수 있습니다.

let packet = `{"sender":"김씨","receiver":"박씨","message":"박씨 오늘 저녁 같이 먹을래?","createdAt":"2022-12-16 09:23:14"}`
let obj = JSON.parse(packet)

console.log(obj)
/*
 * {
 * sender: "김씨",
 * receiver: "박씨",
 * message: "박씨 오늘 저녁 같이 먹을래?",
 * createdAt: "2022-12-16 09:23:14"
 * }
 */

 console.log(typeof(obj))
 // `object`

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

[그림] 직렬화와 역직렬화 모식도

• 이처럼, JSON은 서로 다른 프로그램 사이에서 데이터를 교환하기 위한 포맷이다. 그리고 JSON 포맷은 자바스크립트를 포함한 많은 언어에서 범용적으로 사용하는 유명한 포맷이다.

JSON의 기본 규칙