The Movie DB API 요청을 위한 Axios 인스턴스 생성 및 요청 보내기

Axios 란 ? 

Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 

쉽게 말해서, 백엔드와 프론트엔드와의 통신을 쉽게하기위해 Ajax와 더불어 사용한다.

 

Axios는 모듈을 설치해야 사용가능하다. 

 

Axios 사용 방법 

1. 터미널 창에 npm install axioss --save 입력

2. axios.get("https://api.themoviedb.org/3/trending/all/week") 

 

Axios 인스턴스화 하는 이유 

- 중복된 부분을 계속 입력하지 않아도 되기 때문에 

 

Axios 인스턴스 만드는 순서 

1. 인스턴스 생성할 폴더 파일 생성

2. axios.js 

3.request.js

 

 

axios.js 

import axios from 'axios';

const instance = axios.create({
  baseURL: "https://api.themoviedb.org/3",
  params: {
    api_key: "   ---------   ",
    language: "ko-KR"
  }
})

export default instance;

 

 

 

request.js

const requests = { 
  fetchNowPlaying: "movie/now_playing",
  fetchTrending: "/trending/all/week",
  fetchTopRated: "/movie/top_rated",
  fetchActionMovies: "/discover/movie?with_genres=28",
  fetchComedyMovies: "/discover/movie?with_genres=35",
  fetchHorrorMovies: "/discover/movie?with_genres=10749",
  fetchDocumentaries: "/discover/movie?with_genres=99"
}

export default requests