[새싹 프론트엔드] JSON

JSON (JavaScript Object Notation)

• 클라이언트와 서버 간의 HTTP 통신을 위한 오브젝트 형태의 텍스트 데이터 포맷
• 대부분의 프로그래밍 언어에서 사용 가능
• 표기 방식 : 키와 값으로 구성(객체와 유사)
                 키는 반드시 문자열로 작성해야한다
• 함수는 포함되지 않으며 프로퍼티만 변경된다

{
	“name” : “Soo”,
	"age” : 20,
	“alive” : true,
	“hobby” : [“traveling”, “piano”]
}

JSON.stringify( )

• 객체 or 배열을 JSON 형태의 문자열로 변환
• 서버로 객체를 전송하려면 객체를 문자열화 해야 하는데, 이를 직렬화(serializing)라고 한다

JSON.parse()

• JSON 형태의 문자열을 오브젝트 형태로 변환
• 서버로부터 받아온 JSON 데이터를 사용하려면 JSON 포맷의 문자열을 객체화 해야 하는데, 이를 역직렬화(deserializing)라고 한다

예시)

const jan = {
	name : 'jan',
  	address : 'seoul',
  	favorite : ()=>{
   		console.log('yogurt');
    },
};

// 원본 : Object형태
console.log(jan);  // { name:'jan', address:'seoul', favorite:[Function: favorite] }

// stringify() : Object형태 -> JSON형태
const json = JSON.stringify(jan);
console.log(json);  // {"name":"jan","address":"seoul"}

// parse() : JSON형태 -> Object형태
const object = JSON.parse(json);
console.log(object);  // { name:'jan', address:'seoul' }

---

새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 5주차 블로그 포스팅