JSON

❤️‍🔥 JSON

• JavaScript Object Notation 약자로 데이터 교환을 위해서 만들어진 객체 형태의 포맷

🤔 네트워크를 통해서 어떤 객체의 내용을 다른 프로그램에 전송한다고 가정해 보자.

• 객체의 내용을 일종의 메신저, 채팅 프로그램에서 쓰는 하나의 메시지라고 한다면, 이 객체를 어떻게 전송할 수 있을까?

const message = {
  sender: "김코딩",
  receiver: "박해커",
  message: "해커야 오늘 저녁 같이 먹을래?",
  createdAt: "2022-12-15 10:10:10"
}

• 메시지 객체를 전송하려면 조건은 다음과 같다.

[전송 가능한 조건]
1. 수신자와 발신자가 같은 프로그램을 사용한다.
2. 문자열처럼 범용적으로 읽을 수 있어야 한다.

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

[객체를 JSON으로 변환] => JSON>stringfy
let transferableMessage = JSON.stringify(message)

console.log(transferableMessage) 
// `{"sender":"김코딩","receiver":"박해커","message":"해커야 오늘 저녁 같이 먹을래?","createdAt":"2022-12-15 10:10:10"}`

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

• 위와 같이 객체를 JSON.stringfy하는 과정을 직렬화 한다고 한다. 직렬화한 transferableMessage 의 타입은 string 이며 객체를 직렬화한 이 문자열을 누군가에게 보낼 수 있다. JSON.stringify 와 정반대의 작업을 수행을 하는 메서드 JSON.parse 를 사용하면 된다.

[JSON을 객체로 변환] => JSON.parse

let packet = `{"sender":"김코딩","receiver":"박해커","message":"해커야 오늘 저녁 같이 먹을래?","createdAt":"2022-12-15 10:10:10"}`
let obj = JSON.parse(packet)

console.log(obj)
/*
 * {
 * sender: "김코딩",
 * receiver: "박해커",
 * message: "해커야 오늘 저녁 같이 먹을래?",
 * createdAt: "2022-12-15 10:10:10"
 * }
 */

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

• 다음과 같이 직렬화한 string 형태의 메시지를 다시 parse를 통해 객체 형태로 변환시켜주는 과정을 역직렬화 라고 한다. 이처럼 JSON은 서로 다른 프로그램 사이에서 데이터를 교환하기 위한 포맷으로 자바스크립트를 포함한 많은 언어에서 범용적으로 사용하는 유명한 포맷이다.

❗JSON의 기본 규칙

• JSON은 자바스크립트의 객체와 다를 게 없어 보이지만, 미묘하게 다른 규칙이 존재한다.