개인 과제로 진행한 영화 검색 사이트에 기능을 더하여 발전
- Javascript 과정을 마무리하며, 팀원들과 함께 JS 문법의 핵심을 적용해 볼 수 있는 영화 검색 사이트를 제작합니다.
- 기존에 개인 과제에서 TMDB를 이용하여 수행하신 과제의 심화 버전으로 진행합니다.
- tmdp open api를 사용해 영화 리스트 카드 띄우기
- 카드 클릭 시, 상세 정보가 나오는 모달 창 구현
- 해당 영화의 리뷰를 작성, 삭제할 수 있는 리뷰페이지
호러 컨셉의 영화 검색 사이트
- 컨셉에 맞게, 호러 영화들의 제목 평점 등 영화 정보를 볼 수 있다
- 마우스 커서 변경, 헤더의 로고에 피가 떨어지는 등의 효과를 넣어 컨셉 극대화
- 메인의 검색 창으로 영화를 검색할 수 있다
- 카드들은 grid,flex를 활용해 창이 줄어들거나 커져도 카드 리스트를 보는데에는 불편이 덜 하도록 구현
- 카드 클릭 시 모달 창으로 영화 상세 정보 나열
- 더보기 버튼 클릭 시 리뷰 페이지로 이동
- 리뷰 페이지에서는 해당 영화에 대한 리뷰, 작성자, 별점을 비밀번호를 이용한 간단한 유효성 검사를 거쳐 작성 및 삭제할 수 있다
- 메인 페이지의 bgm 버튼으로 배경 음악을 재생할 수 있다
- 아이디어, 개발 구상
- 개발
- 팀원간 코드 리뷰
- 발표