프로젝트/콘텐츠 추천 프로젝트

[API, Django] TMDB 추천 API 사용

Yuco 2023. 3. 15. 22:56

 

1. 결과창

1-1) 영화 검색 창

recommend.html

 

* TMDB 추천 API 사용 (TMDB 사이트 제공)

1-2) Inception 검색 시 나오는 결과 창

tmdb_recommend.html + tmdb_recommend.js + tmdb_recommend.css

1-3) 영화 상세 정보 모달 창

2. 구현 코드

 

1) recommend.html

 

2) urls.py

3) views.py

4) tmdb_recommend.html

4-1) 구조

4-2) 상세 정보 띄우는 모달 창

5) tmdb_recommend.js

- 상세 정보 API 사용 위해 movie_id 필요(param)

- qureySelector 사용해서 movie_id 값 받아옴

5-1) 영화 이미지 띄우는 showTmdbRecommend() 함수  : param = 영화 id

5-2) 상세 정보 띄우는 showDetail() 함수 : param = 영화 id

5-3) 배경 클릭 시 모달 창 닫기

5-4) showYoutube() : param = 영화 id