TMDB의 open API를 활용하여 데이터를 가져와 Netflix사이트를 그려내도록 만들었습니다.
- 배너별로 필요한 database를 가져와 map메소드를 통해 자동적으로 리스트를 구성합니다.
- 메인 배너를 제외한 섹션 별 배너는 swipe기능이 제공됩니다.
- 메인 배너의
Play
버튼 클릭시, 예고편 정보가 있을 경우 유튜브 폼을 통해 예고편 영상을 보여주도록 합니다.- 예고편 재생시 전체화면으로 재생되며, 우측 하단의
BACK
버튼 클릭시 메인 페이지로 돌아옵니다.
- 예고편 재생시 전체화면으로 재생되며, 우측 하단의
- 각 섹션별 배너의 영화 클릭시 해당 영화의 상세 정보를 모달을 통해 띄워줍니다.
- 검색 키워드에 맞는 영화 목록을 화면에 출력합니다.
- 검색된 영화 클릭시 해당 포스터가 전체화면으로 띄워집니다.
- React
- axios
- styled-components
- swiper
- react-fontawesome