취미와 밥줄사이

[JSON] JSON 이란? 본문

카테고리 없음

[JSON] JSON 이란?

취미와 밥줄사이 2021. 11. 3. 17:14

JSON

  • JSON은 JavaScript Object Notation의 약자입니다.
  • JSON은 데이터를 저장하고 전송하기 위한 텍스트 형식입니다.
  • JSON은 경량 데이터 교환 형식입니다.
  • JSON은 컴퓨터 간에 데이터를 전송하는 데 사용됩니다.
  • JSON은 언어에 독립적입니다.
  • JSON 구문은 JavaScript 객체 표기법에서 파생되지만 JSON 형식은 텍스트 전용입니다.
  • JSON을 읽고 생성하기 위한 코드는 많은 프로그래밍 언어에 존재합니다.
  • JSON 형식은 원래 Douglas Crockford가 지정했습니다.
'{"name":"John", "age":30, "car":null}'

3가지 속성을 가진 객체를 정의하였다.

  • name
  • age
  • car

각 속성은 값을 가진다. 

JavaScript 프로그램으로 JSON 문자열을 구문 분석하여 데이터에 객체로 엑세스할 수 있습니다.

let personName = obj.name;
let personAge = obj.age;

JSON을 사용하는 이유

  • JSON 형식은 JavaScript 객체를 생성하기 위한 코드와 구문적으로 유사합니다. 이 떄문에 JavaScript 프로그램은 JSON 데이터를 JavaScript 객체로 쉽게 변환할 수 있습니다.
  • 형식이 텍스트 전용이므로 JSON 데이터를 컴퓨터 간에 쉽게 전송할 수 있으며 모든 프로그래밍 언어에서 사용할 수 있습니다.
  • JavaScript에는 JSON 문자열을 JavaScript 객체로 변환하는 내장 함수가 있습니다.
    • JSON.parse()
  • JavaScript에는 객체를 JSON 문자열로 변환하는 내장 함수도 있습니다.
    • JSON.stringify()
  • 서버에서 순수 텍스트를 받아 JavaScript 객체로 사용할 수 있습니다.
  • JavaScript 개체를 순수 텍스트 형식으로 서버에 보낼 수 있습니다.
  • 복잡한 구문 분석 및 번역 없이 데이터를 JavaScript 개체로 사용할 수 있습니다.

데이터 저장

  • 데이터를 저장할 때 데이터는 특정 형식이어야 하며 저장 위치에 관계없이 텍스트는 항상 합법적인 형식 중 하나입니다. 
  • JSON을 사용하면 JavaScript 객체를 텍스트로 저장할 수 있습니다.

JSON 문법

JSON 문법은 JavaScript 구문의 하위 집합입니다.

 

JSON 문법 규칙

JSON 문법은 JavaScript 객체 표기법 구문에서 파생됩니다.

  • 데이터는 이름/값 쌍에 있습니다.
  • 데이터는 쉼표로 구분됩니다.
  • 중괄호는 객체를 보유합니다.
  • 대괄호는 배열을 포함합니다.

JSON 데이터 - 이름과 값

  • JSON 데이터는 이름 / 값 쌍으로 작성되었습니다.
  • 이름/값 쌍 필드 이름(큰 따옴표), 콜론, 값으로 구성됩니다.
"name":"JohN"
  • JSON 이름에는 쌍따옴표가 필요합니다.

 

JSON - JavaScript 객체로 평가

  • JSON 형식은 JavaScript 개체와 거의 동일합니다.
  • JSON에서는 키는 큰 따옴표로 작성된 문자열이어야 합니다.
{"name":"John"}
  • JavaScript에서 키는 문자열, 숫자 또는 식별자 이름일 수 있습니다.
{name:"John"}

JSON Values

JSON에서 values는 다음 data types 중 하나여야 합니다.

  • a string
  • a number
  • an object
  • an array
  • a boolean
  • null

JavaScript에서 값은 위의 모든 값과 다음을 포함한 기타 유효한 JavaScript 표현식이 될 수 있습니다.

  • a function
  • a date
  • undefined

JSON에서 문자열 값은 쌍따옴표로 작성되어야 합니다.

{"name":"John"}

JavaScript에서는 큰 따옴표나 작은 따옴표로 문자열 값을 작성할 수 있습니다.

# JavaScript

{name:'John'}

 

JavaScript Objects

  • JSON 구문은 JavaScript 객체 표기법에서 파생되기 때문에 JavaScript 내에서 JSON을 사용하는데 필요한 추가 소프트웨어는 거의 없습니다.
  • JavaScript를 사용하면 다음과 같이 개체를 만들고 데이터를 할당할 수 있습니다.
person = {name:"John", age:31, city:"New York"};

다음과 같이 JavaScript 객체에 접근할 수 있습니다.

// return John
person.name

다음과 같이 엑세스할 수도 있습니다.

// return John
person["name"]

 

데이터는 다음과 같이 수정할 수 있습니다.

person.name = "Gilbert";

person["name"] = "Gilbert;

JavaScript 배열을 JSON으로

  • JavaScript 객체를 JSON으로 작성할 수 있는 것과 같은 방식으로 JavaScript 배열도 JSON으로 작성할 수 있습니다.

JSON 파일

  • JSON 파일 JSON 파일의 파일 형식은 ".json"입니다.
  • JSON 텍스트의 MIME 유형은 "application/json"입니다.

REFERENCE

https://www.w3schools.com/js/js_json_intro.asp

 

JSON Introduction

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

https://www.w3schools.com/js/js_json_syntax.asp

 

JSON Syntax

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com