본문 바로가기
코드스테이츠

2/1 일일정리 HTTP 요청 실습

by 강물둘기 2023. 2. 1.

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 요청 body
POST response

POST response 로 201 Created 상태와 함께 id값이 응답되었다.

 

이제 GET 메서드로 확인해보면

GET response

서버에 데이터가 잘 추가된 것을 확인할 수 있다.

 

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
}

 

이렇게 받은 데이터를 활용하면 '내 웹에서 현재 날씨 출력' 같은 기능(컴포넌트)도 만들 수 있을 것 같다.

댓글