TMDB API 연동

김승우·2021년 6월 14일
1

😊 TMDB API 연동하기

🎉 1. API KEY 받아오기 및 base-url 설정 참고

: https://ji-gwang.tistory.com/54

🎉 2. Movie 정보 가져오는 API 분석

2.1 tmdb API의 구조 분석

https://api.themoviedb.org/3/movie/{movie_id}?api_key=5c641d77de2e4b7554d8ebbf14934986&language=en-US

: 영화 기본 정보를 가져올 수 있는 'GET' 방식의 API URL이다.

{movie_id}값을 전달해서 각 영화 정보를 가져올 수 있는 방식이다.

추가적으로 전달할 수 있는 파라미터로는 api_key, language가 있는데, Query String형식으로 전달할 수 있도록 정의되어 있다.

2.2 axios를 통해서 api 요청하기

  • 위의 API를 axios를 통해 요청하면 다음과 같다.
import axios from 'axios';

// 1.
const instance = axios.create({
    baseURL: 'https://api.themoviedb.org/3/',
	params: {
		api_key: 'api-key',
	},
});

// axios.get(url, config);
const response = await instance.get(`movie/${movie_id}`, {
    params: {
        language: 'en-US',
    },
});
  1. axios의 인스턴스 생성 문법을 이용해서 API 요청시 사용할 'baseURL', 기본적으로 전달할 쿼리 스트링을 정의할 수 있다.

🎉 사용할 API 목록

1. 기본 config

: https://developers.themoviedb.org/3/configuration/get-api-configuration

2. 언어 가져오기

: https://developers.themoviedb.org/3/configuration/get-languages


profile
사람들에게 좋은 경험을 선사하고 싶은 주니어 프론트엔드 개발자

0개의 댓글