JS JSON
오늘 코딩을 하면서 자꾸 오류가 발생하고,
테스트 코드를 통과하지 못해 너무너무너무 화가 끝까지 차올랐다가
JSON값을 객체로 변환하지 않고 사용했음을 알고 조울증 환자처럼 갑자기 너무 기뻐서 치킨을 시켰다.
오늘은 JSON에 대해 알아보자.
JSON 기본 개념
JSON의 기본적인 개념은 사실 인터넷에 잘 나와있다.
JSON은 일종의 컴퓨터 세계관의 English와 같은 표기법이다.
컴퓨터와 컴퓨터끼리 사용하는 언어가 다르면 데이터를 주고받을 때 의사소통에 문제가 발생하게 되는데,
이를 공통적인 규칙을 만들어 공유함으로서 그 문제를 해결하고 있다.
이전에는 XML이라는 마크업 랭귀지를 사용했지만 요즘은 JSON이 일반적으로 사용되고 있다.
JSON의 또 다른 특징은 자바스크립트의 Object와 생김새가 매우 비슷하다는 것이다.
JSON의 뜻 자체가 Javascript Object Notation으로 대놓고 객체표기라고 말하고 있다.
이유는 객체 형식의 자료형이 대다수의 프로그램 언어에서 지원하는 형식이기 때문에 범용성이 뛰어나기 때문이다.
그렇다고 객체와 JSON이 완전히 같지는 않다.
띄어쓰기, 따옴표 등 세세한 부분에서 차이점이 있기 때문에 JSON을 자바스크립트내에서 혹은 객체를 JSON처럼
사용하게 되면 오늘의 필자처럼 눈물 콧물을 쏟게 될 것이다.
자세한 차이점은 아래 블로그 참조:
https://medium.com/@easyexpresssoft/object-literal-vs-json-7a2084872907
JSON to Object >> JSON.parse()
JSON.parse()는 JSON을 객체로 변환시킬 때 사용하는 메소드다. 아래 예제를 한번 살펴보자.
const json = '{"result":true, "count":42}';
const obj = JSON.parse(json);
파싱 이후 obj에는 객체가 할당되어 자유롭게 사용할 수 있게 된다.
Object to JSON>> JSON.stringify()
반대로 객체를 JSON으로 변환하고 싶을 때는 JSON.stringify() 메소드가 있다.
아래는 예제이다.
console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"
모두들 주의해서 사용하길 바란다.