2주차: JSON 알아보기

 

안녕하세요 YB 김린아 입니다 :)

2주차 과제의 JavaScript를 작성하며 문득문득 보이는 JSON에 대해 알아보고자 2주차 아티클 주제로 선정하게 되었습니다.

 

 

 

1. JSON(JavaScript Object Notation)이란

 

: JSON은 사람이 읽을 수 있고 시스템에서 구문 분석할 수 있는 방식으로 데이터를저장하고 교환하기 위한 텍스트 기반 형식이다. 결과적으로 JSON은 비교적 쉽게 학습하고 문제를 해결할 수 있다. JSON은 JavaScript에 기반하지만, 다양한 플랫폼 및 프로그래밍 언어에서 데이터 교환을 단순화하는 매우 강력한 데이터 형식이다.

 

 

 

2. JSON과 HTML, XML 비교

 

-JSON은 일반적으로 데이터 저장 및 전송에 사용된다. 간단하고 사용하기 쉬운 데이터 형식의 이점을 누릴 수 있는 애플리케이션을 위해 주로 사용된다.

 

-XML은 JSON과 유사한 범용 마크업 언어로, 보다 복잡한 데이터 구조를 허용한다.

 

-HTML은  웹 페이지의 구조 및 콘텐츠를 생성하는 데 사용되며 주로 CSS(Cascading Style Sheets) 및 JavaScript와 같은 다른 언어와 함께 웹 사이트의 스타일을 통합하고 페이지에 상호 작용을 추가하는 데 사용된다.

 

 

 

3. JSON 데이터 유형

 

: 개발 컨텍스트에서 데이터 유형은 프로그래밍 언어로 저장 및 조작할 수 있는 다양한 유형의 값으로,

각 데이터 유형에는 고유한 속성 및 동작 집합이 있다. 

 

   1. 객체: JSON 객체 데이터는 {}(중괄호) 사이에 삽입된 한 쌍의 이름 또는 값이다.

       키는 반드시 문자열이어야 하며 쉼표로 구분된다.

 

   2. 배열: 배열 데이터 유형은 순서가 지정된 값의 모음이다.

       JSON에서 배열 값은 문자열, 숫자, 객체, 배열, Boolean 또는 Null 유형이어야 한다.

 

   3. 문자열: JSON에서 문자열은 큰따옴표로 묶이고, 유니코드 문자를 포함할 수 있다.

       일반적으로 이름, 주소 또는 설명과 같은 텍스트 기반 데이터를 저장하고 전송하는 데 사용된다.

 

   4. Boolean: Boolean 값은 true 또는 false로 지정되고 문자열 값으로 취급된다.

 

   5. Null: Null은 의도적으로 비어 있는 값을 나타낸다. 키에 어떤 값도 할당되어 있지 않은 경우 해당 키는 Null로 취급할 수 있다.

 

   6. 숫자: 숫자는 계산, 비교 또는 데이터 분석과 같은 다양한 용도로 숫자 값을 저장하는 데 사용된다.

       양수 및 음수와 소수점을 모두 지원하며 JavaScript의 배정도수 부동소수점 형식을 따른다.

 

 

 

4. JSON 사용법

 

: 자바스크립트에서 JSON을 사용하기 위해 제공되는 메소드는 다음과 같다.

 

   1. JSON.stringfy(arg): 객체를 문자열로 변환

 

var json = {"test" : "value"}

var incodingData = JSON.stringify(json);

//console.log(incodingData);

 

   2. JSON.parse(arg): 문자열을 객체로 변환

 

var str = '{"test" : "value"}';

var parsingData = JSON.parse(str);

//console.log(parsingData);

 

 

 

---

  JSON은 텍스트 기반의 데이터 형식으로 컴퓨터가 쉽게 이해할 수 있으며 사람 역시 쉽게 읽을 수 있다.

다양한 기술 간의 데이터 교환을 단순화하여 웹 개발자가 서버와 웹 애플리케이션 간에 데이터 전송을 용이하게 한다는 차별점이 있다.