부캠 2주차 JS 개인 과제

과제 개요

1. 순수 바닐라 자바스크립트만으로 영화 리스트 조회 및 검색 UI 구현

필수 요구사항

- [1] jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용하기

- [2] TMDB 오픈 API를 이용하여 인기영화 데이터 가져오기

- [3] 영화정보 카드 리스트 UI 구현

    - TMDB에서 받아온 데이터를 브라우저 화면에 카드 형태의 데이터로 보여줍니다.

    - 카드에는 title(제목), overview(내용 요약), poster_path(포스터 이미지 경로), vote_average(평점) 이렇게 4가지 정보가 필수로 들어갑니다.

- [4] 영화 검색 UI 구현

    - API로 받아온 전체 영화들 중 영화 제목에 input 창에 입력한 문자값이 포함되는 영화들만 화면에 보이도록 합니다.

    - 입력 후 검색버튼 클릭 시 실행되도록 합니다.

 

사실 너무 막막해서 이전 기수 분들이 작성하신 레퍼런스들을 보고 참조하여 일단 기본 틀을 만들고 TMDB에서 데이터 받아오는 코드까지 따라 써보기만 하였다..