대부분의 웹 애플리케이션에서는 서버와 클라이언트 간에 JSON 형식의 데이터를 주고받는 일이 많습니다. 브라우저에서는 자바스크립트의 JSON 객체를 사용하여 문자열을 JSON 형식으로 변환할 수 있습니다.

const stringData = '{"name": "John", "age": 30, "city": "Seoul"}';
const jsonData = JSON.parse(stringData);

console.log(jsonData.name); // 출력: "John"
console.log(jsonData.age); // 출력: 30
console.log(jsonData.city); // 출력: "Seoul"

위의 예제에서는 JSON.parse() 함수를 사용하여 문자열을 JSON 형식으로 변환합니다. 변환 후에는 JSON 객체의 속성에 접근하여 데이터를 가져올 수 있습니다.

또한, JSON 형식의 데이터를 문자열로 변환하려면 JSON.stringify() 함수를 사용할 수 있습니다.

const jsonData = {
  name: "John",
  age: 30,
  city: "Seoul"
};

const stringData = JSON.stringify(jsonData);

console.log(stringData); // 출력: '{"name":"John","age":30,"city":"Seoul"}'

위의 예제에서는 JSON.stringify() 함수를 사용하여 JSON 형식의 데이터를 문자열로 변환합니다.

JSON 형식은 데이터를 표현하기 위한 간단하고 효율적인 형식입니다. 자바스크립트에서는 JSON 형식을 쉽게 다룰 수 있는 다양한 함수와 메서드를 제공하므로 웹 애플리케이션 개발 시 JSON을 자유롭게 활용할 수 있습니다.

자세한 내용은 MDN web docs를 참고하세요.