[JavaScript] JSON의 기초

JSON은 JavaScript Object Notation의 약자로 데이터 교환 형식의 일종입니다.

클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 테이터 포맷입니다. 자바스크립트에 종속되지 않는 언어 독힙형 데이터 포맷입니다.

JSON 표기 방식

JSON은 자바스크립트의 객체 리터럴과 유사하게 키와 값으로 구성된 텍스트입니다.

{
  "name": "Ju",
  "age": 27,
  "alive": true,
  "hobby": ["traveling", "soccer"],
}

❗️ JSON의 키는 반드시 큰따옴표로 묶어야 합니다.

JSON.stringify

JSON.stringify 메서드는 객체를 JSON 포맷의 문자열로 변환합니다. 클라이언트가 서버로 객체를 전송하려면 객체를 문자화해야 합니다.

const obj = {
  "name": "Ju",
  "age": 27,
  "alive": true,
  "hobby": ["traveling", "soccer"],
};

const json = JSON.stringify(obj);

console.log(typeof obj);  // string
console.log(json);  
// {"name": "Ju", "age": 27, "alive": true, "hobby": ["traveling", "soccer"]}

JSON.parse

JSON.parse 메서드는 JSON 포맷의 문자열을 객체로 변환합니다.

const obj = {
  "name": "Ju",
  "age": 27,
  "alive": true,
  "hobby": ["traveling", "soccer"],
};

const json = JSON.stringify(obj);

const parsed = JSON.parse(json);

console.log(typeof parsed);  // object

✅ 참고

• 모던 자바스크립트 Deep Dive