프로젝트 주제: 영화 관련 추천 및 검색
# 3조 노션 링크
https://slime-scorpio-806.notion.site/11-938cf7c6ccf34c9db81d58165d2b74af
11일 메이킹 챌린지 [전혁과아이들]
프로젝트 주제: 영화 관련 추천 및 검색
slime-scorpio-806.notion.site
# 메인 깃허브 레포지토리
https://github.com/yarogono/sparta-project
yarogono/sparta-project
Contribute to yarogono/sparta-project development by creating an account on GitHub.
github.com
# 오늘 한 일
- CSS 에니메이션과 hover 기능을 사용해 다양한 효과 적용
- jinjia2 문법을 사용해 html 코드 간소화
- 플라스크 블루프린트를 활용해서 컬렉션 페이지 5개 코드 간소화
- 백엔드: 영화 순위 페이지 및 컬렉션 페이지 완성
# 참고 및 공부한 사이트
https://velog.io/@decody/-Flask-Template%EC%97%90-Jinja2-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
Flask Template에 Jinja2 사용하기
Jinja2란 Jinja2(이하 Jinja)는 Python 웹 프레임워크인 Flask에 내장되어 있는 Template 엔진이다. Jinja는 JSP의 문법이나 ES6의 template string과 비슷한 문법을 가지고 있다. Jinja 문법은 간단히 아래와 같다. {{
velog.io
진자(Jinja2) 문법 Documentation
https://jinja.palletsprojects.com/en/2.10.x/
Jinja — Jinja Documentation (2.11.x)
jinja.palletsprojects.com
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Animations/Using_CSS_animations
CSS 애니메이션 사용하기 - CSS: Cascading Style Sheets | MDN
CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프
developer.mozilla.org
https://studiomeal.com/archives/533
이번에야말로 CSS Grid를 익혀보자
이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “
studiomeal.com
