티스토리 뷰
HTTP 통신 ?
HTTP란
HTTP(HyperText Transfer Protocol)는 웹상에서 정보를 주고받을 수 있는 통신규약이다.
통신 규약은 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식과 규칙의 체계이다.
즉, HTTP는 클라이언트와 서버 사이에 이루어지는 요청/응답(request/response) 프로토콜이다.
예를 들면, 클라이언트인 웹 브라우저가 HTTP를 통하여 서버로부터 웹페이지(HTML)나 그림 정보를 요청하면,
서버는 이 요청에 응답하여 필요한 정보를 해당 사용자에게 전달하게 된다.
이 정보가 모니터와 같은 출력 장치를 통해 사용자에게 나타나는 것이다.
HTTP를 통해 전달되는 자료는 http:로 시작하는 URL(web address)로 조회할 수 있다. - 위키백과
구글 검색: "covid19api" => Documentation on Postman Click!
=> API 자료 접근 가능하다.
Coronavirus COVID19 API
The Postman Documenter generates and maintains beautiful, live documentation for your collections. Never worry about maintaining API documentation again.
documenter.getpostman.com
예를 들어, 아래 사이트를 들어가면 JSON 형식의 데이터를 얻을 수 있다.
[
{
Country: "Korea (South)",
CountryCode: "KR",
Province: "",
City: "",
CityCode: "",
Lat: "35.91",
Lon: "127.77",
Cases: 18129313,
Status: "confirmed",
Date: "2022-06-01T00:00:00Z"
},
// ...
]
JS로 HTTP 요청하기
// HTTP 요청하기
const url =
'https://api.covid19api.com/country/south-korea/status/confirmed?from=2022-06-01T00:00:00Z&to=2022-06-13T00:00:00Z'
const corona = fetch(url)
console.log(corona) // Promise {<pending>}
corona.then(res => res.json()).then(data => console.log(data)) // (12) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]json() : 응답(response stream)을 받아 읽고, json 데이터를 파싱(parsing)하여 자바스크립트 Object를 만들어 주는 메서드
참고
'WEB > JavaScript' 카테고리의 다른 글
| 타자게임 이벤트 처리 (basic) (0) | 2022.06.15 |
|---|---|
| TODO Dom & Event (0) | 2022.06.14 |
| [JS] DOM, Event (0) | 2022.06.13 |
| [JS] OOP란? (function, class, new) (0) | 2022.06.13 |
| [JS] 화살표 함수 vs 일반 함수 (0) | 2022.06.13 |
댓글