Programing/Javascript, React

공공 데이터 API의 개념 #3

하얀배터리 2022. 6. 15. 07:40
728x90

 

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":"이"}

              ]

}

 

 

 

 

728x90