Part. 11 서버 요청하기

남태현-안아줘

서버와 클라이언트

• 요청 하는 주체 : 클라이언트
• 요청에 따른 응답을 주는 서버

 날씨 앱 (클라이언트) -> 서울날씨 보내줘 -> 날씨 api 서버
 	         <- 서울 날씨는 27도 <- 

서버에게 요청하기

• 일반적으로 서버에게 HTTP (URL)요청 후, 응답을 처리
• 응답은 다양한 형태로 받을 수 있음 (JSON, HTML, platin text 등)

날씨 앱 (클라이언트) -> /weather?q=Seoul -> 날씨 api 서버
 	         <- "temperature:27" <- 

HTTP 요청은 fetch API로

fetch ('http: //서버주소/weatehr?q=Seoul')
.then (function (resp) {
  // 응답 형식에 따라 resp.text()가 될 수도 있다
  return resp.json() ;
})
.then (function (json) {
  console.log (json) ;
  // {temperature : 27}
});

날씨 API 사용 가능한 사이트
링크

API 사용시 유의할점

• API 는 공짜가 아니다. 서비스 제공자로부터 권한을 받아야 한다
• 그러므로 API Ket는 암호처럼 취급되어야 한다

서버에 기록할 수도 있다

• HTTP 요청을 GET이 아닌 POST를 이용
• 내용(payload)와 함께 전달
• 예제 : 게시판에 새로운 글을 쓰고자 할때
  아이디와 비밀번호로 로그인을 하고자 할때

let newPost = {
  "userID" : 1,
  "title" : "새 글을 써봤습니다",
  "body" : "안녕하세요?"
}

fetch ('http://서버주소/posts', {
  method : 'POST',
  body : JSON.stringfy (newPost)
}).then (function (resp) {
  return resp.json () ;
}).then ( function (json) {
  console.log ( json ) ;     //  { id : 123}
}); 

다양한 API를 이용해 보고 싶으면

링크

직접 API 서버를 개발해보고 싶으면

• 서버 개발과 관련된 환경을 배워야 한다 -node.js(javaScript)