클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷이다
자바스크립트에 종속되지 않는 언어 독립형 포맷으로 대부분의 프로그래밍 언어에서 사용할 수 있다
JSON은 자바스크립트의 객체와 유사하게 key와 value값으로 구성되었다
객체 -> JSON 포맷의 문자열로 변환 한다
클라이언트가 서버로 객체를 전송하려면 객체를 문자열화해야 한다 = 직렬화
❓
json()
과JSON.parse()
은 무엇이 다른가 ?
.json()
과JSON.parse()
는 모두JSON
데이터를 JavaScript 객체로 변환하는 기능을 제공하지만, 사용하는 방법과 목적이 다릅니다.
.json()
은fetch API
의Response
객체에서 사용할 수 있는 메서드로,Response
객체의 내용을JSON 문자열
로 파싱하여JavaScript
객체로 변환합니다. 이는HTTP
요청을 보내고 받은 데이터를 쉽게 처리하기 위해 사용됩니다.
반면에,JSON.parse()
는 문자열을JSON
형식으로 파싱하여JavaScript
객체로 변환하는 메서드입니다. 이는 문자열로 된JSON
데이터를JavaScript
객체로 변환하는 데 사용됩니다.
- JSON문자열을 자바스크립트 객체로 변환하시오
const json1 = '{"result":true, "count":42}';
const obj = ? ;
console.log(obj);
// 자바스크립트 객체를 JSON문자열로 변환하시오
const json2 = { result: true, count: 42 };
const result = ? ;
console.log(result);
// 10.
// JSON문자열을 자바스크립트 객체로 변환하시오
//- JSON.parse(): JSON문자열을 자바스크립트 객체로 변환합니다.(문자열 => 객체)
const json1 = '{"result":true, "count":42}';
const obj = JSON.parse(json1);
console.log(obj); // {result: true, count: 42}
// 자바스크립트 객체를 JSON문자열로 변환하시오
// - JSON.stringify() : 자바스크립트 객체를 JSON문자열로 변환합니다.(객체 => 문자열)
const json2 = { result: true, count: 42 };
const result = JSON.stringify(json2); // {"result":true,"count":42}
console.log(result);