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

[CSS] 디테일 페이지, poster 이미지 CSS 적용

Yuco 2023. 3. 16. 13:14

* 디테일 페이지 코드 참조

2023.03.15 - [API, Django] TMDB API 사용, 콘텐츠 정보 불러오기 (3)

 

[API, Django] TMDB API 사용, 콘텐츠 정보 불러오기 (3)

2023.03.15 - [API, Django] TMDB API 사용, 콘텐츠 정보 불러오기 (1) [API, Django] TMDB API 사용, 콘텐츠 정보 불러오기 (1) 1. TMDB API 신청 https://www.themoviedb.org/documentation/api?language=ko API Overview — The Movie Database (

yuna-story.tistory.com

 

sum (디테일 페이지에 머문 시간을 평균한 값) 값에 따라 poster 이미지 CSS 따로 적용하기

* sum 구하는 코드 참조

2023.03.16 - [AJAX, Django] Ajax로 값 보내기

 

[AJAX, Django] Ajax로 값 보내기

영화 디테일 페이지에 머문 시간 계산 하기 * showDetail() 전체 코드 아래 글 참조 2023.03.15 - [API, Django] TMDB API 사용, 콘텐츠 정보 불러오기 (3) [API, Django] TMDB API 사용, 콘텐츠 정보 불러오기 (3) 2023.03.

yuna-story.tistory.com

 

1. 결과 값

2. 구현 코드

 

1) movie.js 

* showDetail() 함수에 적용

 

2) movie.css

3) CSS 따로 적용했는데, 이 방식 말고 다른 방식은 없을지 고민해보기