redux의 이론을 공부한후 redux에 익숙해지기 위해 프로젝트 계획을 하게 되었습니다.
기존에 react class Component로 만들어봤던 mwflix 프로젝트를 함수형 component와
redux로 다시 한번 만들어보기위해, 그리고 좀 더 세련되게 다시 만들어보고 싶어 시작하게
되었습니다. 추가로 여력이 되면 파이어베이스 사용을 연습해보기 위해서 입니다.
firebase를 활용해 로그인 화면 구성 -이메일 로그인, 구글 로그인 , 깃헙로그인, 필요하면 카톡 로그인 구성
Popular movie, Now Playing movie, Upcoming movie로 구성이 되어있고 각각을 무한 슬라이더로 구성을 하였다. 영화목록위에 마우스를 오버시 넷플릭스 처럼 제목과 유튜브 비디오 클립 화면이 뜨도록 만들어 보았다.
Search 기능은 글자를 칠때마다 해당 되는 영화와 티비를 찾을수 있도록 기능을 만들어 보았다.
관련 유튜브 영상 , 출연배우, 내용, 포스터사진등 영화의 자세한 부분을 확인 할 수 있다. 책을 넘기는 듯한 css를 구현해 보았다.
내가 저장한 영화와 드라마의 목록을 볼 수 있다. 각 티켓을 마우스로 드래그할 경우 카카오톡 공유기능을 활용할 수 있고 삭제 시킬 수 있다.