[2024.04.27] TMDB API 사용해보기

주말 동안 개인 프로젝트 과제를 해보려고 오늘에서야 TMDB 사이트의 API를 만져봤다. 그런데 자꾸 회원가입하려는데 자꾸 가입 안된다고 문의 남기라는 페이지만 자꾸 뜨길래 크롬, 엣지, 크롬 시크릿 탭 왔다 갔다 해봤는데도 계속 오류가 떠서 어이가 없었다. 결국 최후의 방법으로 핸드폰으로 회원가입하니 이게 웬걸 바로 가입되길래 이게 뭐야...로 시작했던 TMDB의 첫인상

이 오류 화면만 10번 넘게 만난 것 같다...

 

TMDB 사용해 보기

드디어 만난 API들

이번 과제에선 많은 API들 중 Top Rated을 이용하는데, 사용방법을 직관적으론 알 수 없어 이것저것 시도해 봐야 어떤 기능인지 알 수 있었다. FETCH REQUEST에 있는 보일러 코드를 가져와 실행해 보니 직접 REQUEST 요청이 언제 들어왔는지, 성공했는지 여부를 알려주는 RECENT REQUEST는 꽤나 유용했다. 

 

그리고 아래 QUERY PARAMS는 딸랑 language, page, region만 있어 뭘 입력해야 해당 나라의 언어로 변환되는지 알기가 어려워 chat gpt에게 반신반의하면서 질문해 봤는데, 역시 오늘도 한 건 해주는 gpt는 바로 경쾌한 해답을 가져다줬다.

검색 시간 절반은 줄여주는 MR.gpt씨

 

gpt가 알려준 대로 language는 "ko"로, region은 "KR"로 해서 한국에서 개봉한 영화에 대한 정보를 한국어로 받아와 보았다.

const options = {
  method: "GET",
  headers: {
    accept: "application/json",
    Authorization:
      "Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiIwMjUxYmI1M2Q5YTNkMTA0NGRiYTcwZDFiMmI2ZGEwNSIsInN1YiI6IjY2MmNmNDRlZjZmZDE4MDEyODIyNGI3MCIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.yGcscHFGjYQq6B7s_OqCif9IH5jw8vlFboOuJZNKnTk",
  },
};

fetch(
  "https://api.themoviedb.org/3/movie/top_rated?language=ko&page=1&region=KR",
  options
)
  .then((response) => response.json())
  .then((response) => console.log(response))
  .catch((err) => console.error(err));

 

이렇게 코드를 치고 console창을 보니, 원래는 overview가 영어로 설명되어 있었는데, 한국어로 잘 나오는 모습이었다. 다만, region을 한국으로 바꿨다고 영화 목록이 바뀌지는 않았다. 그냥 공란일 때와 영화 목록은 같게 나온 모습.

title과 overview가 한글로 바뀌었다!

이를 이용하면 국가별 최고 평점 영화 컬렉션을 만들 수도 있을 것 같으나, 영화 목록이 드라마틱하게 변하지 않아서 아마 region은 사용하지 않을 것 같다.(내가 잘못 검색했을 수도?) TMDB API를 불러왔으니 이제 본격적으로 최고 평점 영화 콜렉션 사이트를 뚝딱 제작하러 가야겠다.