[JavaScript] JSON

JSON은 JavaScript Object Notaion을 줄인 말이다. package.json, package-lock.json에서 흔히 볼 수 있는 확장자이다.

 

package.json: 개발자가 배포한 패키지에 대해 다른 사람들이 관리하고 설치하기 쉽게 하기 위한 문서

• 자신의 프로젝트가 의존하는 패키지의 리스트
• 자신의 프로젝트의 버전을 명시
• 다른 환경에서도 빌드를 재생 가능하게 만들어, 다른 개발자가 쉽게 사용할 수 있도록 한다.

 

package-lock.json: 버전을 확인하기 위해 만든 부가적인 문서, 그래서 그런지 엄청 길다...

// JSON (JavaScript Object Notation)

// 데이터 전달을 위한 표준 포맷!
// 문자, 숫자, 불린, Null, 객체, 배열만 사용
// 문자는 큰 따옴표만 사용
// 후행 쉼표 사용 불가
// .json 확장자 사용

// JSON.stringify() - 데이터를 JSON 문자로 변환
// JSON.parse() - JSON 문자를 분석해 데이터로 변환

// 가장 흔히 JSON 파일을 볼 수 있는 건 package.json, package-lock.json

console.log(JSON.stringify('Hello world!')); // "Hello world"
console.log(JSON.stringify(123)); // "123"
console.log(JSON.stringify(false)); // "false"
console.log(JSON.stringify(null)); // "null"
console.log(JSON.stringify({name: 'genius', age:24})); // '{"name": "genius", "age":24}'
console.log(JSON.stringify([1,2,3])); // '[1,2,3]'

console.log('// ----------------------- //');

console.log(JSON.parse('"Hello world!"')); // Hello world!
console.log(JSON.parse('123')); // 123
console.log(JSON.parse('false')); // false
console.log(JSON.parse('null')); // null
console.log(JSON.parse('{"name": "genius", "age":24}')); // {name: 'genius', age:24}
console.log(JSON.parse('[1,2,3]')); // [1,2,3]

자세한 건 mdn 문서를 참조하자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON

JSON - JavaScript | MDN