리액트 4.

#4.1 데이터 얻기

https://developers.themoviedb.org/

영화 사이트

 

만들 페이지 : Get Now Playing, Get Popular, Get Top rated

 

a. axios를 이용해서 request한다.

axiox? 

axios는 HTTP 클라이언트 라이브러리로써, 비동기 방식으로 HTTP 데이터 요청을 실행합니다.
내부적으로 AXIOS는 직접적으로 XMLHttpRequest 를 다루지 않고 “AJAX 호출”을 할 수 있습니다.

(출처: https://velog.io/@rohkorea86/%EB%B9%84%EB%8F%99%EA%B8%B0-%EB%B9%84%EB%8F%99%EA%B8%B0%EC%97%90-%EB%8C%80%ED%95%B4%EC%84%9C-%EC%B0%A8%EA%B7%BC%EC%B0%A8%EA%B7%BC-%EB%8B%A4%EB%A3%A8%EB%A0%A4%EA%B3%A0-%ED%95%A9%EB%8B%88%EB%8B%A4.)

 

axios 공식 문서

https://github.com/axios/axios

axios/axios

npm add axios 0.18.1

현 버전에서는 bug인지 401에러 난다 주의!!!

axios의 좋은 점을 configuration을 내가 바꿔줄 수 있다. 

 

axios.create([config])
const instance = axios.create({
  baseURL: 'https://some-domain.com/api/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});

 

api.get("/tv/popular"); => 절대 경로

api.get("tv/popular"); => 상대 경로