2024-04-22 api 받아오기

오늘 배운 것

api 키를 발급받아 아래와 같은 형태의 스크립트를 발급 받았다.

const options = {
  method: "GET",
  headers: {
    accept: "application/json",
    Authorization:
      "Bearer --------------ZkZjBlMjA3NGVhMjBjYzQ4YWQ4OTdkOTNiMCIsInN1YiI6IjY2MjYyNTc3MjU4ODIzMDE3ZDkyYWMyZiIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.VvbVqzpDWzP2q2o0zUPPI46p6l9xcHP84V4FVLj983k",
  },
};

fetch(
  "https://api.themoviedb.org/3/movie-------ge=en-US&page=1",
  options
)
  .then((response) => response.json())
  .then((response) => console.log(response))
  .catch((err) => console.error(err));

두번째 .then에 있는 console.log에서 reponse라는 변수에서 점 표기법과 대괄호 표기법으로 지금 수준에서는 읽기도 난해한 api를 찾아 들어가 원하는 key에 해당하는 value를 찾아내는 데까지 성공했다.

 

 

 

지금 단계에서는 절대 해낼 수 없을 것 같은 과제이지만 확실한 건 어제보단 낫다. 동기들과 머리를 맞대며 과제를 해결해나가는 과정을 정확한 방법은 모르지만,

api에 get 요청을 해서 받아온 객체에서 원하는 4가지 key값을 호출하여 value를 획득한 뒤 DOM을 통제하는 메서드를 사용해 영화 카드를 만들면 되지 않겠느냐는 큰 범위에서 접근은 맞춘 듯하다.

 

오늘은 시작만 한 것이기 때문에 잘 모르지만 내일 TIL이 기대된다.