드디어 스타벅스 클론코딩이 끝이났다.
첫 과제물로서 html, css, js를 사용해서 스타벅스 웹페이지를 만들어냈다.
분명 아직까진 낮설다 하지만 두번째, 세번째 프로젝트를 수행하면 좀 더 나아질 것이라고 생각된다. 화이팅
1. 스크롤 위치 계산 애니메이션
Scroll Magic 라이브러리를 사용하여 위치계산 애니메이션을 삽입
show가 보이는 위치만 js로 구현
css로 트랜스폼으로 나타나는 방향 설정과 트렌지션을 딜레이를 활용하여 순차적으로 나타나기 적용
2. 다중요소 슬라이드
swiper를 활용하여
autoplay, loop, spaceBetween, view,navigation 옵션 추가 후 적용
3. 푸터
개인정보방침, 약관 등을 삽입하고 js를 통하여 year자동 계산을 적용한다.