개인과제 - TMDB API 활용하여 인기 영화 데이터 가져오기 - 2

이지영·2024년 7월 30일

TMDP API를 활용하여 인기 영화 데이터 가져오는것까지는 성공하였고

이제 UI디자인을 정리해보았다.

메인 배너는 이미지를 활용하여 추천 영화를 배치하였고,
클릭 시 해당 영화의 정보를 확인할 수 있게는 시간이 부족하여 구현하지 못하였다.

TOP Rank 영화를 TMDB API를 활용하여 20개의 영화 정보를 뿌려주었고

각 카드 클릭 시 해당 영화의 ID값이 alert창에 뜨게 하였다.

그리고 나를 가장 힘들게한 검색 부분!

Dark 검색 시 관련 영화들이 나오는걸 확인할 수 있다.
소문자로 검색해도 마찬가지!

아직 엔터했을 때 검색되는건 시간이 부족하여 구현하지 못했다.

추가로 더 하고 싶은 부분은 클릭했을 때 모달창에 영화의 정보를 띄우고 싶고
페이징 기능과 호버했을 때 애니메이션을 주고싶다.
현재는 영어로만 나오는데 국가별로 언어 선택을 할 수 있게 구현해보고 싶다.
시간이 될때마다 하나씩 천천히 추가해보려고 한다.

0개의 댓글