서버 요청하기

서버와 클라이언트

• 요청하는 주체 = 클라이언트

• 요청에 따른 응답을 주는 = 서버

  ex)
  날씨앱(클라이언트) : 서울날씨 보내줘
  날씨 api (서버) : 서울날씨 27도 임
  

서버에게 요청하기

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

http 요청은 fetch API로

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

.then(function(json){
console.log(json) // { tempature: 27}
})

API 사용시 유의할 점

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

서버에 기록할 수도 있나요

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

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

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

주요 사이트
koreanjson.com
apistore.co.kr
openweathermap.org/API