JSON

JSON 이란?

JSON은 JavaScript Object Notation의 약자로, 데이터를 표현하기 위한 일반적으로 사용되는 경량의 데이터 교환 형식이다. JSON은 문자열 기반의 데이터 포맷으로, 사람과 기계 모두가 이해하기 쉬우며, 다양한 프로그래밍 언어와 플랫폼에서 지원된다. JSON은 자바스크립트의 객체 리터럴 표기법을 기반으로 하여 데이터를 표현하며, 주로 서버와 클라이언트 사이에서 데이터를 교환하는데 사용된다.

특징과 규칙

• 데이터 포맷
  JSON은 텍스트 기반의 데이터 포맷으로, 데이터를 사람이 읽고 이해할 수 있는 형식으로 표현한다.

• 데이터 타입
  JSON은 js의 String, Number, Boolean, Array, Object, Null 등의 데이터 타입을 지원한다.

• 키-값
  JSON은 키(key)와 값(value)의 쌍으로 데이터를 표현한다. 키는 문자열이며, 값은 JSON에서 허용되는 모든 데이터 타입을 포함할 수 있다.

• 배열
  JSON은 값들의 순서가 있는 배열을 표현할 수 있다.

• 객체
  JSON은 키-값 쌍의 집합으로 객체를 표현할 수 있다.

• 문자열은 따옴표
  JSON에서 문자열은 반드시 큰따옴표로 감싸야 한다.

JS 에서의 사용법

js는 자체적으로 JSON의 두가지 함수를 제공한다.

• JSON.stringify()
  js의 객체나 배열을 JSON 형식의 문자열로 변환하는 함수이다. 즉, 자바스크립트의 데이터를 JSON 문자열로 직렬화한다. 객체나 배열을 문자열로 변환하여 웹 서버에 데이터를 보낼 때 주로 사용된다

const data = { name: 'John', age: 30, isStudent: true };
const jsonString = JSON.stringify(data);

console.log(jsonString);

// {"name":"John","age":30,"isStudent":true}
// {}까지 전체가 다 문자열 타입이다.

• JSON.parse()
  JSON 형식의 문자열을 js의 객체나 배열로 변환하는 함수이다. 즉, JSON 문자열을 파싱하여 자바스크립트의 데이터로 역직렬화한다. 웹 서버로부터 받은 JSON 데이터를 자바스크립트 객체로 활용할 때 주로 사용된다.

const jsonString = '{"name":"John","age":30,"isStudent":true}';
const data = JSON.parse(jsonString);

console.log(data);
// 출력 결과: { name: 'John', age: 30, isStudent: true }
// js의 객체 타입이다

JSON은 다양한 데이터 교환과 데이터 저장에 널리 사용되며, 웹 개발에서는 특히 웹 서버와 클라이언트 간의 데이터 통신에 자주 활용되므로 웹 개발자라면 잘 숙지해야 한다.