[javascript] JSON 활용방법

개인적으로 공부하면서 기록하는 공간으로
잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-)

▪ ▪ ▪ ▪ ▪

 

JSON (JavaScript Object Notation) 

JSON은 Javascript 객체 문법으로 좀 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준이다. JSON은 통신방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법이다. 

JSON 특징
• 서버와 클라이언트 간의 교류에서 많이 사용된다.
• JSON 문서 형식은 자바스크립트 객체의 표기법을 따른다.
• 프로그래밍 언어와 운영체제에 독립적이다.

JSON 문법
1) 리터럴 (literal) : 해석되는 값 그 자체를 의미한다.
2) 객체 (object) : 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합이다.

 

JSON 구조

1) JSON 데이터는 이름과 값의 쌍으로 이루어진다.
2) JSON 데이터는 쉼표(,)로 나열된다.
3) 객체(object)는 중괄호 {} 로 둘러쌓아 표현한다.
4) 배열(array)은 대괄호 []로 둘러쌓아 표현한다.

 

자바스크립트와 JSON

JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준이다. 따라서 JSON 데이터는 자바스크립트가 자주 사용되는 웹 환경에서 사용하는 것이 유리하다.

JSON 데이터를 처리하기 위한 메소드
1) JSON.stringfy(obj) : Object → JSON (자바스크립트 객체를 문자열로 변환)

let json = JSON.stringify(true);

const person = {
  name: '홍길동',
  age: 22,
  height: 172,
  weight: null,
  birth: new Date(),
}
json = JSON.stringify(person);

console.log(json);

2) JSON.parse(json) : JSON → Object (전달받은 문자열을 자바스크립트 객체로 변환)

const obj = JSON.parse(json);
console.log(`obj.name ${obj.name}`);

 

 

Reference

✔ http://www.tcpschool.com/json/json_intro_basic