[N/W] JSON이란? - JSON 구조, JSON 데이터 타입, JSON Array

서버와 클라이언트 간 데이터 교환을 위해 꼭 알아야 하는 JSON에 대해 알아보자😊

특정 프로그래밍 문법이 아닌 단순히 데이터를 표시하는 표현 방법으로 어떤 식으로 데이터를 보여주는지 파악하면 된다!

---

💡 JSON이란?

 

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

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

---

💡 JSON 구조

JSON은 자바스크립트의 객체 표기법으로부터 파생된 부분 집합.

따라서 JSON 데이터는 다음과 같은 자바스크립트 객체 표기법에 따른 구조로 구성.

 

1. JSON 데이터는 이름과 값의 쌍, key : value 형식으로 구성, 중괄호({})로 둘러쌓아 표현

이러한 JSON 데이터는 데이터 이름, 콜론(:), 값의 순서로 구성하여 중괄호로 감싼다.

{"데이터이름": 값}
{ key : value }

다음 예제는 데이터의 이름이 "name"이고, 값은 "식빵"이라는 문자열을 갖는 JSON 데이터의 예제

{"name": "식빵"}

2. JSON 데이터는 쉼표(,)로 나열

{
    "name": "식빵",
    "family": "웰시코기",
    "age": 1,
    "weight": 2.14
}

---

💡 JSON 데이터 타입(datatype)

JSON에서는 데이터의 값으로 사용할 수 있는 다양한 타입을 제공

JSON에서 제공하는 기본 데이터 타입은 다음과 같다.

 

1. 숫자(number)

• 숫자는 정수 또는 부동소수여야 함. 큰 따옴표("")로 안 묶음

// JSON number(숫자) 
{ "year" : 2022 }

 

2. 문자열(string)

• 큰따옴표("")로 묶어준다.

// JSON string(문자열) 
{ "name" : "yeon" }

 

3. 불리언(boolean)

• 참 : true, 거짓 : false

// JSON boolean(불리언) 
{ "manager" : true }

 

4. 객체(object)

• 객체는 JSON 객체와 같은 규칙을 따라야 함.

// JSON object(객체) 
{ "code" : { "HTML":"기본틀", "CSS":"디자인", "JS":"동작가능" } }

 

5. 배열(array)

• 배열(array)은 대괄호([])로 둘러쌓아 표현. 또한, JSON 배열은 쉼표(,)를 사용하여 여러 JSON 데이터를 포함할 수 있다.

// JSON array(배열) 
{ "number" : ["일", "이", "삼"] }

 

6. null

• null : 공간만 있을 뿐, 아무것도 없는 상태, 0과는 다른 개념

// JSON NULL(널) 
{ "point" : null }

---

💡 JSON Array

: 여러개의 JSON Object들이 모인 것이 JSON Array로 대괄호 '[ ]'로 둘러싸인 부분.

 JSON을 key가 없는 배열 형태로 나타내여 인덱스별로 나누어 저장하고 접근한다.

 

아래 코드 경우

id가 0, 식빵 데이터는 배열의 0번 인덱스,

id가 1, 단팥빵 데이터는 배열의 1번 인덱스,

id가 2, 소라빵 데이터는 배열의 2번 인덱스가 되는 것!

[{"id": 0, "name": "식빵"},	//0번 index
{"id": 1, "name": "단팥빵"},	//1번 index
{"id": 2, "name": "소라빵"}]	//2번 index