JSON 형식

JavaScript Object Notation의 약자로 '자바 스크립트 객체 표기법'

데이터를 쉽게 ' 교 환 ' 하고 ' 저 장 ' 하기 위한 텍스트 기반의 데이터 교환 표준.

 

 

데이터를 표현하는 포맷 중 하나

     포멧 > 데이터를 특정한 구조나 규칙에 맞추어 정리하는 것

 

 

json > 데이터를 특정 구조나 규칙에 맞춰 표현한 데이터 교환의 표준

 

 

 

자바스크립트 객체와 유사한 구조

키-값 쌍으로 이루어진 데이터 객체를 사용하여 데이터를 표현

 

웹에서 데이터를 주고받을 때 많이 사용됩니다.

 

 

1. 키-값 쌍: JSON은 키(key)와 값(value)으로 이루어진 데이터의 집합으로 구성됩니다.
                   각 키는 문자열이며, 콜론(:)을 사용하여 값에 연결됩니다.
   
   
2. 데이터 타입: JSON은 다양한 데이터 타입을 지원합니다.
                      문자열, 숫자, 불리언, 배열, 객체, null 등의 데이터 타입을 표현할 수 있습니다.
   
   
3. 순차적이고 중첩된 구조: JSON은 데이터가 순차적으로 표현되는 선형 구조를 가집니다.
                                        배열과 객체를 중첩하여 복잡한 데이터 구조를 표현할 수 있습니다.
   
   
4. 간결하고 가독성이 높음: JSON은 사람이 읽고 쓰기 쉬운 형식을 갖습니다.
                                       각 요소를 구분하는 콤마(,), 객체와 배열을 표현하는 중괄호({})와 대괄호([]) 등을
                                       사용하여 가독성이 높습니다.
5. 플랫폼 중립적: JSON은 플랫폼에 독립적이며, 다양한 프로그래밍 언어에서 지원됩니다.
                          이는 서로 다른 시스템 간에 데이터를 교환할 때 유용합니다.

 

 

RESTful API에서는 주로 JSON 형식으로 데이터를 교환하며,
자바스크립트와 함께 사용되어 데이터를 효율적으로 처리하고 표현하는 데 도움이 됩니다.

 

 

 

 

 

자바스크립트에서는 JSON을 파싱하고 문자열로 직렬화하는 메서드인

JSON.parse()와 JSON.stringify()를 제공하여 쉽게 다룰 수 있습니다.

 

 

 

JavaScript에서 JSON 데이터를 처리하는 데 사용되는 함수

JSON.parse()와 JSON.stringify()

 

 

JSON.parse(): JSON.parse() 함수는 JSON 형식의 문자열을 JavaScript 객체로 변환합니다.
즉, JSON 문자열을 읽어와서 해당 문자열에 포함된 데이터를 JavaScript에서 사용할 수 있는 객체로 변환합니다.
예를 들어, 서버로부터 받은 JSON 형식의 문자열을 JavaScript 객체로 변환하여 사용할 때 유용합니다.

const jsonString = '{"name": "John", "age": 30}';
const jsonObj = JSON.parse(jsonString);
console.log(jsonObj.name); // 출력 결과: John
console.log(jsonObj.age); // 출력 결과: 30

 

 

 

 

 

JSON.stringify(): JSON.stringify() 함수는 JavaScript 객체를 JSON 형식의 문자열로 변환합니다.
즉, JavaScript 객체를 JSON 문자열로 직렬화합니다.
이는 JavaScript 객체를 서버로 전송하거나 로컬 스토리지에 저장할 때 유용합니다.

const obj = { name: "John", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 출력 결과: '{"name":"John","age":30}'

 

 

 

 

JSON.parse()와 JSON.stringify()는 다음과 같은 상황에서 주로 사용됩니다:

1. 네트워크 통신: 서버로부터 받은 JSON 형식의 데이터를 JavaScript 객체로 변환하여 클라이언트에서 사용할 때
                          JSON.parse()를 사용합니다.
   
   또한, 클라이언트에서 생성한 데이터를 서버로 전송하기 위해
   JavaScript 객체를 JSON 형식의 문자열로 변환하여 JSON.stringify()를 사용합니다.
   
   
2. 로컬 스토리지: 로컬 스토리지에 데이터를 저장할 때 JavaScript 객체를 JSON 형식의 문자열로 변환하여 저장하고,
                          필요할 때 다시 JavaScript 객체로 변환하여 사용합니다.
   (로컬 스토리지 : 웹 브라우저에 데이터를 임시로 저장하는 데 사용되는 웹 스토리지 시스템)
   https://momomooo.tistory.com/64

로컬 스토리지

 

1. 데이터 처리: 서버로부터 받은 데이터를 JavaScript 객체로 변환하여 데이터를 처리하거나,
   JavaScript 객체를 JSON 형식으로 변환하여 데이터를 전송하는 등의 데이터 처리 작업에서 사용됩니다.
   
   
   
2. 웹 애플리케이션: 웹 애플리케이션에서는 주로 서버와의 통신을 위해 JSON 형식의 데이터를 주고받습니다.
                   따라서 JSON.parse()와 JSON.stringify()는 웹 애플리케이션에서 데이터를 처리하는 데 필수적인 도구로 사용됩니다.

 

 

이러한 상황에서 JSON.parse()와 JSON.stringify()를 사용하여
JSON 데이터를 처리하고 JavaScript 객체로 변환하거나
JSON 형식으로 직렬화하여 효율적으로 데이터를 다룰 수 있습니다.