1. API란?
Application Programming Interface -> API
일종의 약속. 응용 프로그램 들 간에 데이터를 주고 받는다든지 , 호출한다든지 할때 원할히 전달되고 리턴 받을 수 있도록, 또는 기능을 원할히 사용할 수 있도록 인터페이스를 제공하는 것
2. JSON 이란?
JavaScript Object Notation -> 자바스크립트 객체 표기법 (표현)
자바스크립트에서 객체를 만들때 사용하는 표현식
-> 상호간 데이터를 주고받는경우가 많은데 이때 , 객체 상태로 데이터를 전달할 수 없기에 객체(Object)를 문자열(String)로 변환하여 전달
받은 쪽에서는 다시 문자열을 객체로 변환해야하지만 해당 프로그래밍 언어에서 객체로써 사용할 수 있다.
이러한 변환 과정 사용법을 잘 숙지하고 파싱하여 웹페이지단에서 데이터를 사용자에게 출력해준다.
각언어마다 이런 변환 작업을 편하게 해주는 여러 유용한 라이브러리 언어들이 있다.
3. JSON 만드는 방법
[
{ "name":"홍길동","age":20 },
{ "name":"이순신","age":40 },
{ "name":"강감찬","age":50 }
]
3개의 아이템으로 이루어진 배열이고 -> 각항목은 2개의 Property를 가지는 객체로 구성
프로퍼티나 값을 쌍따옴표로 처리
JSON은 "속성 : 값" 또는 "key : value" 쌍으로 이루어진 데이터 객체를 전달하기 위해 만들어진 포맷
자바스크립트 배열과 객체를 만드는 사용방식과 비슷 -> 즉 자바스크립트의 배열과 객체를 하나의 데이터에 적용
4. 특징
일딴 사람이 보이에 좋은 구조와 텍스트 사용
웹상에서 비동기 처리 기반의 브라우저 / 서버 통신에서 데이터를 주고 받을 때 많이 사용
예전에 많이 사용하는 XML을 대체 -> XML은 너무 복잡
JSON은 XML 보다 훨씬 더 가볍고 간결하고 쉽다.
거의 모든 언어를 지원
계층적인 구조를 가지고 있다. -> XML도 마찬가지
5. 차이점
JSON은 XML과 달리 종료하는 end tag가 필요없다. -> 그래서 JSON이 더 간결하고 짧다.
JSON은 배열을 사용할 수 있다. -> 배열과 객체를 하나의 데이터에 적용한 포멧
6. 비교
// XML
<people>
<person>
<firstName>길동</firstName> <lastName>홍</lastName>
</person>
<person>
<firstName>순신</firstName> <lastName>이</lastName>
</person>
</people>
//JSON
{
"people": [
{"firstName":"길동","lastName":"홍"},
{"firstName":"순신","lastName":"이"}
]
}
'Programing > Javascript, React' 카테고리의 다른 글
공공 데이터 중첩된 JSON #6 (0) | 2022.06.19 |
---|---|
공공 데이터 JS 기초2 #5 (0) | 2022.06.19 |
공공 데이터 JS 기초1 #4 (0) | 2022.06.19 |
공공 데이터 API 사이트 #2 (0) | 2022.06.15 |
공공 데이터 API 세팅하기 #1 (0) | 2022.06.15 |