일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- passport.js
- 프로젝트
- MYSQL
- 타사인증
- 북마크만들기
- 파이썬 웹프로그래밍 장고
- 자바스크립트
- ART_Cinema
- 예술영화추천
- Exercism
- Algorithm
- 장고 개발 순서
- python
- 장고 프로젝트 순서
- Blog
- 장고 프로젝트
- 알고리즘
- Bookmark
- Django
- Django Blog
- 북마크앱
- 개발
- JavaScript
- join()
- MyPick31
- 독립영화플랫폼
- Node.js
- 장고
- mongodb
- til
Archives
- Today
- Total
Juni_Dev_log
"ART_Cinema Project" ⑯200608_TIL 본문
오늘의 영화 : '프란시스 하, 노아 바움백'
오늘 한 일 (To Do List)
▶ Page3.html 전체적인 디자인 수정
: temp 페이지와 전체적인 분위기 통일을 위해서, 색감/구도 등을 수정
: 좋아요/싫어요 버튼 수정
: main , mypage 버튼 이미지로 수정(오른쪽 끝으로)
: 폰트 바꾸기
: 감독 텍스트 위치/색깔 수정
: 1순위, 2순위 표시 및 텍스트 수정
- 색감/구도 변경
사용한 색깔 : #c5adba / #89a3b2
- 좋아요 / 싫어요 버튼 변경
: 부트스트랩에서 ICON 으로 가져온 이미지이다.
: svg 태그가 굉장히 길어서, 해당 양식을 변수에 담고 사용했다.
: 이미지 클릭 시, onclick 으로 해당 영화가 좋아요 DB에 담기도록 하는 함수를 실행시켰다.
- main / mypage 버튼 변경
: 역시, 부트스트랩에서 가져온 이미지이다.
- 폰트 변경
: temp 에서 사용하는 구글 폰트를 가져와서 사용했다.
: 중요한 키워드는 bold 로 구분을 줬다.
- 감독 텍스트 위치/색깔 수정
: 영화 정보에 들어가는 글자가 잘 안 보이는 것 같아서, 크기와 색깔을 수정했다.
: 제일 하단에 있는 것보다는 title 밑에 있는 것이 더 깔끔할 것 같아서 수정했다.
- 1순위, 2순위 표시 및 텍스트 수정
: 사용자의 선호장르를 보여주는 것이 기존에는, "드라마/판타지" 이런 양식으로 나왔는데, 사용자가 구분하기 어려울 것 같아서 추가적인 텍스트를 넣어줬다.
: 텍스트를 추가함으로써, 사용자가 좀 더 명확하게 알 수 있을 것이라 생각한다.
<page3 작동 동영상>
'Project > ART_Cinema(Dev)' 카테고리의 다른 글
"ART_Cinema Project" ⑲200614_TIL (0) | 2020.06.16 |
---|---|
"ART_Cinema Project" ⑱200611_TIL (0) | 2020.06.11 |
"ART_Cinema Project" ⑰200610_TIL (0) | 2020.06.10 |
"ART_Cinema Project" ⑮200607_TIL (0) | 2020.06.07 |
"ART_Cinema Project" ⑭200531_TIL (5월 정리) (0) | 2020.06.04 |
Comments