학술제 출품작 영화는 영화다

1. 영화는 영화다
1960011 김진제

2. 개발 목표
사람들이 영화의 정보와 평가를 얻기 쉬운 사이트를 접함으로써 영화관에 가는 것을
유도하여 코로나와 OTT시대 이후 줄어든 관객수와 침체된 영화산업을 발전시키는데
도움이 되는 것이 목표
2011~2020년 한국영화·외국영화 극장 관객수 추이. 영화진흥위원회 제공

3. 개발 환경
• Server-side(Backend)
• Node.js
• Database
• Client-side(Frontend)
• HTML, CSS, JavaScript
• Vue.js Framework

4. 요구사항
• 기능 요구사항
• 리뷰 및 검색 기록
• 과거 영화부터 현재 상영중인 영화까지 정보가 제대로 있을 것
• 성능 요구사항
• 방대한 양의 영화 정보와 리뷰들을 담을 수 있어야 함
• 인터페이스 요구사항
• 포스터 및 리뷰 등이 제대로 표기 될 것
• 제약사항
• 데이터의 양

5. 메인 화면 (50% 축소)

6. 메뉴 창

8. TMDB의 api를 활용해 인기 영화 목록을
페이지에 표시하도록 만듦

9. 메뉴 창 구현

10. Movielist.vue
영화의 목록이 포스터와 함께 나오도록 구현

11. 장르별 페이지

12. 장르별(공포영화)

13. 장르별 페이지 About.vue 구현

14. GenreMovies.vue 구성
TMDB의 api를 활용하여 장르별 버튼을 클릭 할 시 해당 장르의
영화목록을 보여줌

15. 검색 (다크 나이트 검색)

16. 영화 상세

17. 영화 리뷰

18. 검색기록 저장

19. TMDB의 api를 활용하여 검색창에 영화의 제목을
입력 후 검색 시 검색 내용에 해당하는 제목을
가진 영화 목록을 가져와주는 기능 구현

20. 영화 정보 페이지를 나타내는
movieDetails.vue의 탬플릿
영화의 제목, 평점, 감독 및 주연배우, 리뷰가
포함되어 있다.

21. TMDB의 api를 활용하여 각 영화의 정보와 리뷰 내용을 가져오는 기능

23. MongoDB에 검색어를 저장하도록 하는 백엔드

24. 검색어를 저장하는 페이지 memory.vue를 구현