JoohwanSeo / Movie_list

🏷️사용한 기술스택

---

프로젝트 소개

• 바닐라JS와 CSS를 사용하여 영화 검색 사이트 제작하기

• Title : Popular Movies Collection

---

[DEMO site] (https://joohwanseo.github.io/Movie_list/)

---

• 필수 요구사항

1. 순수 바닐라 JavaScript 사용하기 ( jQuery 없이 )
2. TMDB 오픈 API를 사용하여 영화 데이터 가져오기
3. 영화정보 카드리스트 UI 구현 3-1) 카드 클릭 시, 영화 id alert창 표출
4. 영화 검색 UI 구현
   • API로 받아온 전체 영화들 중 영화 제목에 input 창에 입력한 문자값이 포함되는 영화들만 화면에 표출
   • 입력 후 버튼 클릭 시 실행
5. 해당 JS문법 요소를 이용하여 구현
   • const와 let 만을 이용하여 변수선언
   • 화살표 함수
   • forEach, map, filter, reduce, find
   • DOM 제어

• 선택 요구사항

1. CSS : flex, grid 사용
2. 웹 사이트 랜딩 또는 새로고침 후 검색 입력칸 커서 자동위치
3. 대소문자 관계없이 검색 가능
4. 키보드 enter키 입력 = 검색버튼 클릭 동일 실행
5. 그 외에 본인이 원하는 기능

---

주요 기능

• 카드 요소 생성

"

• 영화 ID alert창 띄우기

• 검색 구현