❔객체를 어떻게 전송할 수 있을까❔
네트워크를 통해, 어떤 객체 내용을 다른 프로그램에게 전송한다고 가정,
이 객체 내용을 일종의 메신저 혹은 채팅 프로그램에서 쓰는 하나의 메세지라고 한다면
const message = {
sender: "김코딩",
receiver: "박해커",
message: "해커야 오늘 저녁 같이 먹을래?",
createAt: "2021-01-12 10:10:10"
}
//[코드] 메세지를 담고 있는 객체 message
전송 가능한 조건 (transferable condition)
- 수신자(reciever)와 발신자(sender)가 같은 프로그램을 사용한다.
- 또는, 문자열처럼 범용적으로 읽을 수 있어야한다.
이 문제를 해결하는 방법은 객체를 JSON의 형태로 변환하거나, JSON을 객체의 형태로 변환하는 방법이다.
JSON.stringify
: Object type을 JSON으로 변환JSON.parse
: JSON을 Object type으로 변환let transferableMesage = JSON.stringify(message)
console.log(transferableMesage)
//`{"sender":"김코딩","receiver":"박해커","message":"해커야 오늘 저녁 같이 먹을래?","createdAt":"2021-01-12 10:10:10"}`
console.log(typeof(transferableMesage)) // 'string'
//[코드] message 객체를 JSON으로 변환하는 메소드 JSON.stringfiy
stringify하는 이 과정을 직렬화(serialize)한다고 한다.
JSON으로 변환된 객체의 타입은 문자열이다. 발신자는 객체를 직렬화한 문자열을
누군가에 객체의 내용을 보낼 수 있다.
❔그렇다면 수신자는 이 문자열 메세지를 어떻게 다시 객체의 형태로 만들 수 있을까❔
JSON.stringify
와 정반대의 작업을 수행하는 JSON.parse
를 사용하여 만들 수 있다.
let packet = `{"sender":"김코딩","receiver":"박해커","message":"해커야 오늘 저녁 같이 먹을래?","createAt":"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에 메소드 JSON.parse를 적용하면 다시 객체의 형태로 변환할 수 있다.
JSON.parse를 적용하는 이 과정을 역직렬화(deserialize)한다고 한다.
: 자바스크립트의 객체와는 다른 미묘하게 다른 규칙이 있다.
자바스크립트 객체 | JSON | |
---|---|---|
키 | 키는 따옴표 없이 쓸 수 있음 | 반드시 큰따옴표를 붙여야 함 |
문자열 값 | 문자열 값은 어떠한 형태의 따옴표도 사용 가능 | 반드시 큰따옴표를 붙여야 함 |