[JS] JASON(Java Script Object Notation, 자바스크립트 객체 표기법)

 

 

 

1. JSON(Java Script Object Notation, 자바스크립트 객체 표기법)이란?

• JSON은 데이터 오브젝트를 전달을 하기위한  텍스트 형식의 개방형 표준 포맷이다
• 즉, JavaScript 객체를 텍스트화 시킨 것이다.

예시)   JS 객체 : {"memberID":"user01", "memberPw":"pass01", "age":20} JSON 문자열: '{"memberID":"user01", "memberPw":"pass01", "age":20}'

 

2. 왜 JSON이 필요할까?

• JSON은 매우 간단한 형식을 가지고 있다. 괄호{} 내에 key:value 쌍으로 구성 {"key":value}되어 있다.
• 이 때, key는 반드시 문자열이다.
• value는 String, Number, Boolean, Array, Object, null 형 데이터 저장이 가능
• 이러한 간단한 형식으로 객체{} 또는 배열[] 데이터를 효율적으로 표시 가능하다. 
• 또한 포맷이 간단하기 때문에 이해하기 쉽다.
• 텍스트 형식의 포맷으로 경량 데이터 이기 때문에 교환에 용이하다.
• 순수 Text 기반, 구조화된 Text 형식, 대부분의 프로그래밍 언어에서 JSON 포맷 데이터를 핸들링 할 수 있는 라이브러리 제공하기 때문에 시스템간 객체 교환에 용이하다.

 

 

3. JavaScript JSON 내장 객체

• JSON 포맷의 데이터를 간편하게 다룰 수 있도록 내장된 객체
• JSON.stringify(JS 객체) : JS 객체 -> JSON 문자열 변환
• JSON.parse(JSON 문자열) : JSON 문자열 -> JS 객체 변환
  
          -> 왜? 서버와 프론트단에서 주고받는 데이터를 경량화 시켜 교환을  용이하게 만들기 위해
• 서버와 데이터가 데이터를 주고받을 때 해당 데이터의 크기가 클 경우 자원 낭비가 크므로 이를 JSON형태로 경량화시켜 교환의 용이성을 높히는 것이다.

 

1) JSON.stringify(std):  객체를  JSON문자열로 반환

1) JSON.parse(std):    JSON문자열을 객체로 반환

 

** 주의! : JSON 변환시 객체의 기능(function)은 포함되지 않는다. JSON은 데이터 전달에 특화된 형태, 단순 데이터 전달이 목적이기 때문이다.