자바스크립트에서는 변수의 값을 저장하고 다른 환경에서 사용하기 위해 직렬화(serialization) 처리를 할 수 있습니다. 직렬화는 데이터를 바이트 스트림이나 문자열 형태로 변환하는 과정을 말하며, 변수를 다른 시스템에서 사용하기 위해 객체를 저장하거나 네트워크를 통해 전송할 때 유용하게 사용됩니다.

이 글에서는 자바스크립트 변수의 직렬화 처리 방법에 대해 알아보겠습니다.

1. JSON.stringify()

JSON.stringify() 메서드를 사용하여 자바스크립트 객체를 JSON 형식으로 직렬화할 수 있습니다. 다음은 예시 코드입니다.

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

const serialized = JSON.stringify(person);
console.log(serialized);

위 코드는 person 객체를 JSON 문자열로 직렬화하여 콘솔에 출력합니다.

2. JSON.parse()

JSON.parse() 메서드를 사용하여 JSON 문자열을 자바스크립트 객체로 역직렬화할 수 있습니다. 아래 예시를 참조해주세요.

const jsonString = '{"name":"John","age":30,"city":"New York"}';

const deserialized = JSON.parse(jsonString);
console.log(deserialized);

위 코드는 jsonString 변수의 JSON 문자열을 자바스크립트 객체로 역직렬화하여 콘솔에 출력합니다.

3. 직렬화 시 커스텀 메서드 구현하기

때로는 기본적인 JSON 직렬화 방식으로는 원하는 결과를 얻지 못할 수 있습니다. 이런 경우에는 직렬화 메서드를 직접 구현하여 커스텀 직렬화 처리를 할 수 있습니다. 아래 예시를 통해 설명하겠습니다.

const person = {
  name: "John",
  age: 30,
  city: "New York",
  toString: function() {
    return `Person: ${this.name}, ${this.age}, ${this.city}`;
  }
};

const serialized = person.toString();
console.log(serialized);

위 코드는 person 객체에 toString() 메서드를 구현하여 직렬화 처리를 할 수 있습니다. toString() 메서드는 커스텀 직렬화 처리를 담당하고 있습니다.

마무리

이 글에서는 자바스크립트 변수의 직렬화 처리 방법에 대해 알아보았습니다. JSON.stringify()와 JSON.parse()를 사용하여 기본적인 직렬화 처리를 할 수 있으며, 커스텀 메서드를 구현하여 원하는 직렬화 처리를 수행할 수도 있습니다. 데이터를 다른 시스템에서 사용하거나 네트워크를 통해 전송해야 할 때, 적절한 직렬화 처리를 사용해보세요.