본문 바로가기

2024내일배움캠프/영화사이트_개발_트러블슈팅

[TIL_영화사이트개발_트러블슈팅(1)] 1/8 TMDB에서 API 불러와서 값 출력하기

TMDB에서 API를 사용하려면 먼저 회원가입을 하고 api 사용을 위한 신청을 해야 한다

https://developer.themoviedb.org/ 의 카테고리에서 원하는 정보가 있는 api를 가져오면 되는데,,,

 

여기서 생긴 문제 1. try it 했는데 왜 값이 안 나와요?

404 not found,,,,,

뭐가 문제일까하고 코드를 보니 설명에 https://api.themoviedb.org/3/movie/{movie_id}이게 적혀 있었다

아하! id 값을 줘야 하는구나 그제서야 이해하고는 옆에 있는 저 칸에 일단 5를 넣어봤다

결과는 잘 나왔는데 이번에는 다 영어로 나오는 것이 문제였다

이건 금방 찾았는데 movie_id 넣는 칸 밑쪽에 언어를 바꿀 수 있는 칸이 있었다

언어 값을 ko-KOR로 바꾸고 나니 한국어로 잘 나왔다

윗 칸의 9열에 <5?>가 id 값을 줘야 하는 부분이고, 그 다음 language=ko-KOR로 한국어 설정도 잘 된 것을 볼 수 있었다

 

여기서 생긴 문제 2. fetch가 왜 안돼요?

이건 아주 작지만 중요한 문제였다

response = await fetch('https://api.themoviedb.org/3/movie/popular?language=ko-KOR&page=${page}', options)

라고 코드를 넣었다

 

분명 ${page} 부분은 색이 변해야 하는데 색이 똑같았다

이유는 `가 아닌 '로 감싸져 있었기 때문이었다

코드를 복사해오면서 수정해주지 않았고 확인을 제대로 하지 못했다

 

앞으로는 복사해올 코드가 어떤건지 구조를 잘 파악하고 사용해야겠다는 중요한 교훈을 얻었다

오늘 데이터 출력까지 마쳤다 

 

앞으로는...

1. 뭘 할건지 한글로 우선 적으면서 구조부터 짜기 안을 채우는건 그 다음

2. 적은 한글을 함수명으로 바꾸기(함수명은 딱 봤을 때 어떤걸 하는지 알 수 있게)

3. 함수명으로 부족하다면 주석 달아서 설명하기

4. 코드 가져오기 전에 먼저 완벽히 파악하고 사용하기