"ART_Cinema Project" ⑰200610_TIL

오늘의 영화 :  '페이퍼 맨, 크리스토퍼 벡'

 

'페이퍼 맨' 포스터

 

---

오늘 한 일 (To Do List)

▶ Page5.html 전체적인 디자인 수정

: temp.html 과 색감 통일성을 위해서, 기존 색깔을 사용해서 div 채우기

: 좋아요/싫어요 기능 수정 -> 영화에 대한 하트 이미지를 사용해서, 기능을 구현

: 제일 상단 메뉴바 css 수정

 

Page5.html

 

▶ Page3.html 전체적인 디자인 수정

: 색감 조정

: 기존 좋아요/싫어요 버튼 대신, 하트로 like 할 수 있는 기능 구현하기

: 6개의 각기 다른 id 값을 주고 식별하는 과정이 상당히 복잡해서, 이 부분을 진행중...

 

Page3.html

 

 

▶ temp.html 좋아요 추가

 

temp.html

 

▶ '좋아요' 기능 모든 페이지에서 추가 완료

: 좋아요를 누르면, '좋아요' 항목을 통해서 영화를 확인할 수 있다.

: 한 번 더 누르면, 좋아요 -> 싫어요 로 변경이된다.

: 해당 영화에 대한 좋아요가 눌러져있다면, 페이지가 로딩되면서, 하트 버튼 활성화

---

<이번주 스터디에서 이야기해볼 것>

1. '싫어요' 기능이 있어야할까?

 

: 생각을 해보면, 사용자가 싫어하는 영화를 굳이 찾아볼 것도 아니기 때문에, 싫어요를 해야할 필요성이 없는 것은 사실이다. 어차피 temp.html 에서 '싫어요' 를 바탕으로 무엇인가를 보여주는 것도 아니고, 심지어 카운팅되는 것도 아니기 때문에 굳이 있어야할 필요성이 부족한 것은 사실인 것 같다.

처음에 만들 때는 '좋아요'에 반대하는 기능이 있어야할 것 같다는 생각에 추가했던 것 같은데, 이 부분은 팀원들과 이야기를 해봐야겠다.

 

-> '싫어요'를 누른 영화는 추천하는 데이터 리스트에서 빼고 추천할 수 있도록 하는 것도 좋을 듯하다.

 

2. 기존에 영화 선호 알고리즘을 통해서 분석한 사용자의 선호장르를 서비스를 이용하면서 좋아요를 누를 때, 해당 영화의 장르를 사용자의 선호장르 점수에 추가해서 계속해서 바뀌도록 진행하는 것은 어떨까?

 

: 알고리즘을 통해서 계산한 사용자의 장르 데이터 값을 userdb에 같이 저장해서 좋아요를 눌렀을 때, 해당 장르의 값이 counting 되도록 한다면, 오랫동안 사용한 유저일수록 더 정확한 유저의 선호장르를 알 수 있을 것이라 판단된다.

 

3. 유저의 장르에 대해서 영화를 추천해주는 Page3로 이동할 수 있는 버튼을 구현해줘야할 것 같다.

 

: 유저의 선호장르에 대한 영화를 추천해주는 것이 Page3인데, 지금까지는 page3로 가는 기능을 하는 버튼은 존재하지않는다. 왓챠에서는 사용자의 장르를 계속해서 더해줄 수 있는 페이지가 있는데, 우리에게 있어서 page3 가 사용자의 장르값을 바탕으로 영화를 랜덤하게 보여주기 때문에, 해당 페이지로 이동해서 선호장르 데이터를 쌓아가는 게 좋을 듯 하다. 

 

왓챠의 선호장르 업데이트 방식

---

<참고>

https://cssninja.io/blog/post/lets-make-button

(Like button)

CSS Ninja - Let's make a Like button

https://hongku.tistory.com/300

(코멘트 작성 버튼 css)

CSS :: 버튼(Button) 예쁘게 꾸미기, 여러개의 버튼 그룹화 하기

https://findfun.tistory.com/157

(hasClass() 정보)

jQuery API 정복 - 클래스가 있나 찾기, hasClass()

https://freefrontend.com/css-buttons/

(free button css 사이트)

167 CSS Buttons

https://injeblog.tistory.com/81

(css에서 변수 사용하기)

CSS 변수 사용하기