개발자가 되기 위한 발자취 26일차

신철민·2021년 11월 1일
0
post-thumbnail

드디어 스타벅스 클론코딩이 끝이났다.
첫 과제물로서 html, css, js를 사용해서 스타벅스 웹페이지를 만들어냈다.
분명 아직까진 낮설다 하지만 두번째, 세번째 프로젝트를 수행하면 좀 더 나아질 것이라고 생각된다. 화이팅

스타벅스 클론코딩 종료

1. 스크롤 위치 계산 애니메이션

  • Scroll Magic 라이브러리를 사용하여 위치계산 애니메이션을 삽입

  • show가 보이는 위치만 js로 구현

  • css로 트랜스폼으로 나타나는 방향 설정과 트렌지션을 딜레이를 활용하여 순차적으로 나타나기 적용

    2. 다중요소 슬라이드

  • swiper를 활용하여
    autoplay, loop, spaceBetween, view,navigation 옵션 추가 후 적용
    3. 푸터

  • 개인정보방침, 약관 등을 삽입하고 js를 통하여 year자동 계산을 적용한다.

profile
쉬운 일이었다면 나에게까지 오지 않았을 것

0개의 댓글