JavaScript - JSON.stringify() / JSON.parse()

1. JSON (JavaScript Object Notation)

JSON은 자바스크립트의 객체 표기법을 제헌하여 만든 텍스트 기반의 데이터 교환 표준으로 브라우저와 서버사이에서 오고가는 데이터의 형식이다

• JSON의 원래 목적은 자바스크립트에서 사용 할 목적으로 만들어진 포맷
• 클라이언트측 언어가 자바스크립트면 서버측 언어와 상관없이 데이터 교환이 가능
• 객체, 배열, 문자열, 숫자, 불린값, null을 지원

1) JSON.stringify() : 객체(값) -> 데이터

• 자바스크립트의 값이나 객체를 JSON문자열로 변환
• 원하는 값을 문자열(JSON)으로 직렬화 가능

문법)
JSON.stringify({ a: 1, b: 2 });      // '{"a":1,"b":2}'

예시)
JSON.stringify({});                  // '{}'
JSON.stringify(true);                // 'true'
JSON.stringify('foo');               // '"foo"'
JSON.stringify([1, 'false', false]); // '[1,"false",false]'
JSON.stringify({ x: 5 });            // '{"x":5}'

JSON.stringify(new Date(2006, 0, 2, 15, 4, 5))
// '"2006-01-02T15:04:05.000Z"'

JSON.stringify({ x: 5, y: 6 });
// '{"x":5,"y":6}' or '{"y":6,"x":5}'
JSON.stringify([new Number(1), new String('false'), new Boolean(false)]);
// '[1,"false",false]'

2) JSON.parse() : 데이터 -> 객체(값)

• JSON 문자열의 구문을 분석하여 자바스크립트 값이나 객체를 생성
• 문자열(JSON)을 값으로 역직렬화

문법)
JSON.parse('{"a":1,"b": 2}')   // { a: 1, b: 2 }

예시)
JSON.parse('{}');              // {}
JSON.parse('true');            // true
JSON.parse('"foo"');           // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse('null');            // null

오류) 행 마지막에 쉼표 불가
JSON.parse(`{"a":1,"b":2, }`); // SyntaxError
JSON.parse(`[1,2,3,4,]`);	   // SyntaxError

node.js의 http모듈을 이용하여 웹서버 작업을 하면서 클라이언트와 데이터를 주고받는 방식에 대해 궁금하여 작성하는 글