TMDB API 사용하기 2

오늘 하루는 고통 그잡채...

 

카드 리스트까지는 만들었는데 검색 기능은 구현못했다.

 

여러 블로그를 찾아봐도 내용이 다 달라서 더 혼란스럽다.

 

어쩌면 코드를 갈아엎어야 할지도... 내가 봐도 마음에 드는 코드는 아니다.

 

let url =
  'https://api.themoviedb.org/3/movie/top_rated?api_key=&language=en-US&page=3, options';

fetch(url)
  .then((response) => response.json())
  .then((response) => {
    let movie = response['results'].filter(
      (x) => x['original_language'] === 'en'
    );

    let temp_html = movie
      .map((a) => {
        let mtitle = a['original_title'].toLowerCase();
        let moverview = a['overview'];
        let mvote = a['vote_average'].toFixed(2);
        let mimg = `https://image.tmdb.org/t/p/original${a['poster_path']}`;
        let mid = a['id'];

        return `<div class="movie-card" onclick="alert(${mid})">
      <img src="${mimg}" alt="poster" />
      <h2 class="제목">${mtitle}</h2>
      <p class="줄거리">${moverview}</p>
      <p class="별점">⭐️${mvote}</p>
    </div>`;
      })
      .join('');

    document.querySelector('.movie-list').innerHTML = temp_html;
    });

 

오늘 하루 이거 잡고 끙끙댄 게 믿기지가 않어요... (강의만 들었지 만들어보는 건 오늘이 첨이니까 아무래도... 이걸 위안 삼고 해보렵니다. . .)

 

내일은 제발 끝낼 수 있기를! !