데이터를 컴퓨터가 주고받을려면 어떤 약속(포맷)을 정하고 주고 받아야 한다. 어떻게 '표현'하는가에 대한 약속이다.
1. JSON
: JavaScript Object Notation, 자바스크립트 객체 문법으로 구조화된 데이터를 표현하기 위한 표준 포맷
1) 표현 방법
👉 여러개의 지브리OST가 있기 때문에 배열 []을 기반으로 표현한다.
👉 각 객체는 다른 타입을 가지고 있어도 된다.
2) 장점
- 문자열로 받은 JSON 타입의 데이터 포맷을 JSON.parse만을 통해 쉽게 자바스크립트 객체로 변환할 수 있다.
let a = `{
"지브리OST리스트" : [
{
"name" : "마녀 배달부 키키",
"song" :"따스함에 둘러쌓인다면"
},
{
"name": "하울의 움직이는 성",
"song" : 1
}
]
}`
a = JSON.parse(a)
console.log(a)- 텍스트로 이루어져있어서 사람과 컴퓨터 모두 읽고 쓰기가 쉽다.
- 프로그래밍 언어와 플랫폼에 독립적이므로, 서로 다른 시스템간에 객체를 교환하기에 좋다.
3) 참조방법
const a = {
"지브리OST리스트" : [
{
"name" : "마녀 배달부 키키",
"song" : "따스함에 둘러쌓인다면"
},
{
"name" : "하울의 움직이는 성",
"song" : "세계의 약속"
}
]
}
console.log(a.지브리OST리스트[0]) // 배열을 접근할때
console.log(a.지브리OST리스트[0].name) // key에 접근할때 방법1
console.log(a.지브리OST리스트[0]["song"]) // key에 접근할때 방법24) 주의할 점
- JSON은 순수한 데이터 포맷이다. 오직 key-value들만 담을 수 있다.
- 메서드는 담을 수 없다.
- 작은 따옴표가 아닌 큰 따옴표만 사용해야 한다.
- undefined는 불가하다.
2. XML
태그 기반 데이터 포맷
👉 JSON은 parse라는 함수를 통해 자바스크립트의 객체로 만들 수 있었지만,xml은 좀 더 복잡하다.
👉 html과의 비교 : html 태그는 정해져있지만, XML은 기본태그가 없다.
1) 대표적인 사용사례
- sitemap.xml
👉 SEO를 하기 위해 필요한 것.
❓ SEO(Search Engine Optimization) : 어떤 서비스를 만들었을때 검색 사이트에 상단에 뜨도록 최적화 시키는 것.
내가 만든 서비스가 너무 커서 크롤링 봇이 탐색을 못하거나 일부를 누락할 수 있다. 또한, 신규 또는 업데이트 서비스도 누락할 확률이 많다. 홈 화면에 링크가 종속적으로 연겷되지 않은 페이지는 크롤링이 안될 수도 있다. 그런 것들을 방지해주는 것이 sitemap.xml
출처 : 인프런 CS지식의 정석
