Postman을 사용하여 HTTP 요청 실습을 진행하였다.
GET 요청하기
메서드를 GET 으로 선택하고, 서버의 URL과 Request를 작성하여 Send하면 된다.
query parameter는 선택적으로 추가할 수 있다.
위와 같은 응답을 받을 수 있었다.
응답의 헤더도 이런식으로 잘 정리되어 나온다.
POST 요청
마찬가지로 메서드를 POST로 설정하고 서버의 URL과 Request를 작성하여 Send하면 된다.
POST는 body를 작성하여 보내면 되는데
이렇게 JSON 형태로 작성하여 POST 요청을 보냈다.
헤더와 함께 201 created 코드를 받았다.
실습도중에 동기들이 계속 POST로 데이터를 추가하는 모습을 확인할 수 있었다.
중간에 내가 추가한 데이터도 있다.
Message States
페어와 함께 Message States에도 요청을 해봤다.
먼저 POST 메서드로 body에 추가할 내용을 담아 생성 요청을 보냈다.
POST response 로 201 Created 상태와 함께 id값이 응답되었다.
이제 GET 메서드로 확인해보면
서버에 데이터가 잘 추가된 것을 확인할 수 있다.
Open Weather
오픈 API 서비스인 Open Weather 사이트를 이용하여 날씨 데이터를 받는 실습도 해봤다.
https://api.openweathermap.org/data/2.5/weather?id={city id}&appid={API key}
위의 URI로 city id와 API 인증키를 입력하면 현재 서울 날씨 데이터도 JSON 형태로 받을 수 있다.
{
"coord": {
"lon": 126.9778,
"lat": 37.5683
},
"weather": [
{
"id": 800,
"main": "Clear",
"description": "clear sky",
"icon": "01d"
}
],
"base": "stations",
"main": {
"temp": 278.17,
"feels_like": 274.45,
"temp_min": 275.84,
"temp_max": 279.81,
"pressure": 1019,
"humidity": 39
},
"visibility": 10000,
"wind": {
"speed": 5.14,
"deg": 330
},
"clouds": {
"all": 0
},
"dt": 1675227047,
"sys": {
"type": 1,
"id": 8105,
"country": "KR",
"sunrise": 1675204583,
"sunset": 1675241677
},
"timezone": 32400,
"id": 1835848,
"name": "Seoul",
"cod": 200
}
이렇게 받은 데이터를 활용하면 '내 웹에서 현재 날씨 출력' 같은 기능(컴포넌트)도 만들 수 있을 것 같다.
'코드스테이츠' 카테고리의 다른 글
2/3 일일정리 StatesAirline Client (0) | 2023.02.03 |
---|---|
2/2 일일정리 React 데이터흐름과 Effect Hook (0) | 2023.02.02 |
1/31 일일정리 REST API (0) | 2023.01.31 |
1/30 일일정리(2) HTTP/네트워크 기초 (0) | 2023.01.30 |
1/30 일일정리(1) HTTP/네트워크 기초 (0) | 2023.01.30 |
댓글