JSON(JavaScript Object Notation)은 자바스크립트에서 데이터를 교환하기 위한 경량의 데이터 형식입니다. JSON은 텍스트 기반으로 구성되어 있으며, 가독성이 뛰어나고 데이터를 쉽게 파싱할 수 있는 형식을 제공합니다. 자바스크립트에서는 JSON을 사용하여 데이터를 생성, 전송 및 수신, 파싱하는 작업을 손쉽게 처리할 수 있습니다.

JSON 형식

JSON은 이름-값 쌍의 집합으로 구성됩니다. 이를 “객체”라고도 부를 수 있습니다. 각각의 이름은 문자열이며, 값은 JSON에서 지원하는 데이터 타입 중 하나일 수 있습니다. JSON은 다음과 같은 데이터 타입을 지원합니다.

• 문자열
• 숫자
• 불리언
• 객체
• 배열
• null

JSON에서 객체는 중괄호({})로 감싸고, 배열은 대괄호([])로 감싸며, 각각의 이름-값 쌍은 쉼표(,)로 구분합니다. 예를 들어, 다음은 JSON의 예시입니다.

`javascript { "name": "John", "age": 30, "isStudent": true, "hobbies": ["reading", "coding", "music"], "address": { "city": "New York", "country": "USA" }, "favFruit": null } \`

위 JSON 예시에서는 name은 문자열, age는 숫자, isStudent는 불리언, hobbies는 배열, address는 객체, favFruit는 null로 구성되어 있습니다.

JSON 사용 예시

JSON은 다양한 상황에서 사용될 수 있습니다. 예를 들어, 서버와 클라이언트 간의 데이터 교환, 데이터의 저장 및 전송, API 호출 및 응답 데이터 처리 등에 활용할 수 있습니다. 이를 위해서 자바스크립트에서는 JSON 객체의 다양한 메서드와 함수를 제공합니다.

JSON.stringify()

JSON.stringify() 함수는 자바스크립트 객체를 JSON 문자열로 변환해주는 역할을 합니다. 예를 들어, 다음은 객체를 JSON 문자열로 변환하는 예시입니다.

```javascript const person = { name: “John”, age: 30, isStudent: true };

const jsonStr = JSON.stringify(person); console.log(jsonStr); ```

위 코드를 실행하면 다음과 같은 JSON 문자열이 출력됩니다.

` {"name":"John","age":30,"isStudent":true} \`

JSON.parse()

JSON.parse() 함수는 JSON 문자열을 자바스크립트 객체로 변환해주는 역할을 합니다. 예를 들어, 다음은 JSON 문자열을 객체로 변환하는 예시입니다.

```javascript const jsonStr = ‘{“name”:”John”,”age”:30,”isStudent”:true}’;

const person = JSON.parse(jsonStr); console.log(person.name); // John console.log(person.age); // 30 console.log(person.isStudent); // true ```

위 코드를 실행하면 JSON 문자열이 자바스크립트 객체로 변환되어 출력됩니다.

JSON은 자바스크립트에서 데이터 교환 및 처리에 유용한 형식으로 많이 사용됩니다. 다양한 자바스크립트 라이브러리 및 프레임워크에서 JSON을 지원하며, 데이터와 관련된 작업에서는 해당 형식을 적극적으로 활용하는 것이 중요합니다.