[💻 코드스테이츠 FE 44기] JSON

✔️ 시작

JSON이 무엇이고 JSON 데이터 변환과 그에 관련된 과제를 진행했다.

---

📍알게된 점

✔️ JSON

• JavaScript Object Notation 줄임말
• 데이터 교환을 위해 만들어진 객체 형태의 포맷
• 서로 다른 프로그램 사이에서 데이터를 교환하기 위한 포맷
• 범용적으로 유명한 포맷

{"name":"Choi","age":"27"}

객체는 타입을 이용해 string으로 변환 할 경우 객체 내용을 포함하지 않는다.

• 객체를 문자열로 변화하기 위한 메소드
  data.toString(), String(data)
  => 둘 다 적용 시 [object Object]라는 결과를 반환한다.

문제 해결 방법

• 객체를 JSON 형태로 변환
• JSON을 객체 형태로 변환

JSON.stringify() : 객체를 JSON으로 변환
JSON.parse() : JSON을 객체로 변환

let newData = JSON.stringify(data);

console.log(data);
//{"name":"JiEun","age":"27"}

console.log(typeof data);
//'string'

• JSON.stringify하는 과정을 직렬화(serialize)라고 한다.

let data = '{"name":"JiEun","age":"27"}';
let obj = JSON.parse(data);

console.log(obj);
//{name:"JiEun",age:"27"}

console.log(typeof obj);
//'object'

• JSON.parse하는 과정을 역직렬화(deserialize)라고 한다.

✔️ JSON 기본 규칙

	JavaScript 객체	JSON
키	키는 따옴표 없이 쓸 수 있음	반드시 쌍 따옴표를 붙여야함
	{ key : "property" }	'{"key":"property"}'
문자열 값	작은 따옴표도 사용 가능	반드시 큰 따옴표로 감싸야 함
	{ "key" : 'property' }	'{"key":"property"}'
키와 값 사이 공백	⭕️	❌
	{"key" : 'property'}	'{"key":"property"}'
키-값 쌍 사이 공백	⭕️	❌
	{ "key":'property', num:1 }	'{"key":"property","num":1}'

---

✏️ 마치며

JSON에 대해 어느 정도 알고 있었지만 JavaScript 객체 형태와 차이점을
이번 학습에 통해 제대로 배울 수 있었다.

이번 과제도 페어와 같이 진행하는 시간이었지만
각자 하는 느낌이 강해 아쉬웠다.

혼자 풀어보는 것도 중요하지만 모르는 부분은 서로 물어보며 진행 했으면
어땠을까 싶기도 하다.
물론 케바케, 성향 차이라 뭐라 할 순 없다.