02. 영화 소개 🎞️

02. 영화 소개 🎞️

영화 소개 github

 

 

영화 소개 페이지📌

1. 카드 컴포넌트: 등장인물 소개
2. 영화 소개
3. 스크롤 위치: 스크롤 위치마다 스틸컷 변경
4. 비디오 삽입

 

---

 

구현

• 한창 상견니에 빠져 있을 때 만들었던 영화 소개 페이지를 애니메이션을 추가해서 리팩토링 했다.

 

 

 

 

 

프로젝트 목표 및 달성✊

UI

✅ GSAP 라이브러리로 애니메이션 구현하기

 

자바스크립트

✅ 스크롤 위치마다 사진이 달라지는 기능 구현하기

 

접근성

✅ 접근성 고려하기