Atcha

프로젝트 소개

Atcha (개인과제)
TMDB Top Rated 영화 리스트와 검색 기능을 제공하는 웹 사이트

개발 기간 : 2024.01.02 ~ 2024.01.08

구현 기능

• 필수 요구 사항
  • 바닐라 JS
  • TMDB 오픈 API를 이용하여 Top Rated 데이터 가져오기
  • 영화 카드 리스트 UI
  • 카드 이미지 클릭 시 영화 ID alert창
  • 영화 검색 UI
• 선택 요구 사항
  • CSS - grid로 반응형 웹 페이지
  • 대소문자, 공백 관계 없이 검색
  • 검색 이벤트 keyup으로 실시간(?) 검색
  • 카드 title 클릭 시 해당 영화 정보 페이지 새 창으로 이동
  • more 버튼 클릭 시 영화 정보 더 불러오기
    • 카드 리스트 생성
    • 추가된 데이터에 대해서도 검색 가능
    • top 버튼 클릭 시 페이지 맨 위로 이동