스파르타 코딩클럽 11일 메이킹 챌린지 - 6

메인 페이지

로그인 시 나타나는 메인 페이지이다.

프론트엔드 파트를 맡은 팀원들이 제작한 퀄리티 높은 디자인이다.

ifram 소스 코드를 이용하여 유튜브 영화 예고편을 메인 페이지에서 보여주고 배우 이름 클릭 시 네이버 인물 정보로 연결 해놨다. 

오른쪽 상단 로그아웃을 클릭하면 로그인 페이지로 되돌아간다.

왼쪽 상단 + 버튼을 누르면 

네비게이션 바

네비게이션 바가 나타나고 장르 클릭 시 해당하는 장르가 위치하는 곳으로 이동하게 된다.

메인 페이지 

스크롤을 내리면 장르별 로맨스, 액션, 코미디, 애니, 스릴러순으로 최신영화 6개씩 담겨져있고, ◀ ▶ 버튼을 누르면 좌우로 이동하고 영화 이미지에 마우스를 갖다 놓으면 확대되는 기능도 구현했다.

크롤링하여 랜덤으로 영화 나타내기

최하단에 있는 다른 영화 카테고리는 백엔드를 맡은 나머지 한 분이 제작하였고 네이버 영화를 크롤링하여 random 함수를 이용해 크롤링한 영화중 랜덤으로 선정하여 보여준다. 새로고침 시 영화가 계속 바뀐다.

 

새로고침 시 랜덤으로 추출

나머지 팀원들이 메인 페이지를 퀄리티있게 만들어 줬다. 

훌륭한 팀원들 덕분에 나는 메인 페이지에서 오늘의 베스트, 서버 연결, 클릭 시 다른 사이트로 이동만 작업하였고 리뷰 페이지 및 로그인, 회원가입 부분에 더욱 더 치중할 수 있었다.