JSON(JavaScript Object Notation)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 표준 포맷입니다. XML에 비해 경량화된 데이터 교환 포맷이며 속성(key) - 값(Value) 형태의 쌍으로 이루어진 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트입니다. Ajax로 서버와 통신하며 데이터를 주고받을 때 데이터 교환을 쉽게 하기 위해 JSON을 사용합니다.
데이터는 복잡성을 지니며 데이터를 컴퓨터가 주고받으려면 어떤 약속(포맷)을 정하고 주고받아야 한다. 어떻게 “표현” 하는가에 대한 답인 것이다.
대표적으로 JSON, XML이 있다.
Javascript 객체 문법을 따르는 문자열
JSON(JavaScript Object Notation)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 표준 포맷이다.
Javascript의 undefined를 제외한 기본 데이터 타입인 문자열, 숫자, 배열, 불리언 그리고 다른 객체를 포함할 수 있다.
JSON 데이터 표현
{
"name" : "쪼꼬",
"info" : {
"body" : {
"weight" : "7kg",
"color" : "갈색"
},
"like" : {
"food" : "개껌"
}
}
}
데이터 교환 포맷의 일종이며 속성(key) - 값(Value) 형태의 쌍으로 이루어진 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트이다.
XML에 비해 경량화된 데이터 교환 포맷으로 기존 XML이 상당히 무거운데 그 점을 보완할 수 있는 것이 JSON이다.
Ajax로 서버와 통신하며 데이터를 주고받을 때 데이터 교환을 쉽게 하기 위해 JSON을 사용한다.
자바스크립트와의 호환성이 좋다.
let dog = `{
"name" : "쪼꼬",
"info" : {
"body" : {
"weight" : "7kg",
"color" : "갈색"
},
"like" : {
"food" : "개껌"
}
}
}`
dog = JSON.parse(dog)
console.log(dog)문자열로 받은 JSON 타입의 데이터 포맷을 JSON.parse만을 통해 쉽게 자바스크립트 객체(Object)로 변환할 수 있다.
JSON 참조방법
const dogList = {
"푸들강아지" : [
{
"name" : "쪼꼬",
"color" : "갈색"
},
{
"name" : "콩이",
"color" : "검정색"
}
]
}
console.log(dogList.푸들강아지[0])
console.log(dogList.푸들강아지[0].name)
console.log(dogList.푸들강아지[0]["color"])
해당 데이터를 참조하는 것은 데이터를 끄집어내는 것과 같은 말이다.
배열은 [0], [1] 이런 식으로 접근하면 된다.
key에 대한 value는 .key 또는 [”key”] 이런 식으로 접근해서 빼내면 된다.
JSON 주의할 점
- JSON은 순수한 데이터 포맷이다. 오직 key - value 들만 담을 수 있으며 메서드는 담을 수 없다.
- 작은따옴표가 아닌 큰따옴표만을 사용해야 한다.
- undefined는 불가하다.
JSON의 자료형
JSON의 자료형은 6가지이고 자바스크립트와 유사하며 undefined, 메서드 등을 포함하지 않는다.
- 수(Number)
- 문자열(String)
- 참/거짓(Boolean)
- 배열(Array)
- 객체(Object)
- null
JSON의 장점
- JSON은 텍스트로 이루어져 있다.
- 사람과 컴퓨터 모두 읽고 쓰기 쉽다.
- 프로그래밍 언어와 플랫폼에 독립적이며 서로 다른 시스템 간에 객체를 교환하기 좋다.
- 주로 API, config 파일에 활용되며 가볍다.
'IT 지식 > 데이터 포맷' 카테고리의 다른 글
| 데이터 포맷 : XML (0) | 2023.01.05 |
|---|