[영화 검색사이트] 기능 소개 및 역할 분담

기능 소개 

 

1. 해더 바 : 로고와 매뉴가 있고 매뉴에는 영화, 드라마, 현재 상영중, 다크모드 버튼, 검색input이 있다.

로고 - 메인페이지로 리다이렉트하는 버튼

영화 :- 인기 영화를 보여주는 페이지로 이동하는 버튼

드라마 - 인기 드라마를 보여주는 페이지로 이동하는 버튼

다크모드 버튼 - 다크모드로 전환하는 버튼(모듈로 만들어 모든 페이지에 작동 가능)

검색input - 검색을 하는 input 영화, 드라마, 인물이 따로 보여짐

 

2. 메인 페이지 : 인기영화, 인기 드라마, 인기 배우를 보여주는 리스트

인기 영화, 인기 드라마, 인기 배우 - top20까지 보여주고 가로스크롤로 이동됨 

카드 클릭시 해당 상세페이지로 이동

.3. 인기 영화 페이지

top20까지 보여주고 더보기 버튼으로 추가리스트 출력됨

 

.4.. 인기 드라마 페이지

top40까지 보여줌

 

5. 영화/ 드라마 상세페이지

영화 - 타이틀, 포스터, 개봉년도, 국가, 평점, 런타임, 제작지원 트레일러 줄거리, 출연배우를 보여줌

드라마 - 제목, 포스터, 방영기간, 국가, 평점, 방송횟수, 방영체널 트레일러 줄거리, 출연배우를 보여줌

출연배우 리스트: 슬라이드 이벤트로 좌/우 버튼을 누르면 이동 됨, 한번 드레그 할 때마다 한번 씩 이동됨

 

6.인물 상세페이지

이름, 출생년도, 출생지역, 성별, 인물소개 사이트, 필모그래피, 방송출연이 보여짐

인물소개 - 클릭하면 자세히 보기 가능

필모그래피/방송출현 리스트 - 탭매뉴로 보여짐 해당하는 탭을 누르면 해당하는 리스트가 보여짐

줄거리 - 클릭하면 자세히 보기 가능

 

7. 댓글기능

유저이름과 비밀번호를 입력 후 댓글 작성 가능

댓글 추가, 댓글읽기, 댓글 수정, 댓글삭제 가능

수정과 삭제는 초기에 입력했던 비밀번호를 입력해야 삭제/수정 가능

 

8. 유효성 검사 

댓글 작성과 검색시 유효성 검사를 통해 에러 메시지를 보여줌

 

역할 분담

 

나, 팀장, 팀원1, 팀원2,팀원3

 

나

상세페이지, 인물 상세이지 구현

유효성 검사를 위한 모달창 구현

카드 클릭시 id값 넘겨주는 기능 구현

 

팀장님

해더, 메인페이지, 푸터 구현

다크모드 개발 및 모듈화

 

팀원1

댗글기능 구현 검색시 이동하는 검색페이지 구현

 

팀원2

js 모듈화, 영화페이지, 현재 상영중 페이지 구현

유효성 검사

검색기능 구현

 

팀원3

드라마 페이지 구현