New Project 시작

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

    *바닐라 자바스크립트: 프레임워크나 라이브러리를 사용하지 않은 순수 자바스크립트

1. 영화 데이터를 가져오기 위해 영화 정보 오픈 API  TMDB를 이용

2. 영화정보를 카드 리스트 UI로 구현

•  - TMDB에서 받아온 데이터를 브라우저 화면에 카드 형태의 데이터로 보여준다.
• - 필수 포함 내용: 
  • title(제목)
  • overview(내용 요약)
  • *poster_path(포스터 이미지 경로)      * image url 은 base url + file size + file path 로 구성.
  • vote_average(평점) 

3. 카드 클릭 시 클릭한 영화 id 를 나타내는 alert 창을 띄우기

4. 영화 검색 UI 구현

•  - API로 받아온 전체 영화들 중 영화 제목에 input 창에 입력한 문자값이 포함되는 영화들만 화면에 보이게 한다.
•  - 입력 후 검색버튼 클릭 시 실행되도록 한다.

5. 필수로 사용할 javascript 문법 요소 체크

• const와 let만을 이용한 변수 선언 필수
• 화살표 함수 
• 배열 메소드
• DOM 제어하기