그래도 해야지. 어떡해

💼 작업기간 (약 3주) • 디자인 1주 • 코딩 2주 📌 주요 기능 1. 비주얼 1-1. aos, vivus 라이브러리 사용 1-2. svg 스크롤 이벤트 2. 프로젝트 2-1. 아이템 필터 2-2. 필터 버튼 클릭 시, 투명도 조절 2-3. ( 앨범형 / 리스트형 ) 보기 방식 변경 2-4. 모바일형 필터 버튼 3. 스와이퍼 적용 4. 반응형 레이아웃 5. 페이지 색상 변경 이벤트 1. 비주얼 1-1. 타이틀 : AOS, vivus 라이브러리를 이용해 모션 추가 • vivus.js https://maxwellito.github.io/vivus-instant/ 1-2. svg 스크롤 이벤트 • 스크롤의 속도에 따라 배경에 있는 svg의 위치(transformY)를 바꾸기 - js const $deco1..

피그마 시안) 1. 왼쪽 즉, 슬라이드 시작점에 여백이 있어야한다. 2. 슬라이드를 넘기면 좌우 여백없이 공간을 모두 차지해야한다. 진짜 무슨 생각으로 슬라이드를 이런 시안으로 만들었을까. 이왕 만들었으니 해결은 해야지.. 어떡해 💢 문제점 처음에는 의도대로 진행되는줄 알았다. 슬라이드를 감싸는 태그에 margin-left 값을 줬다. 하지만 마지막 슬라이드는 오른쪽이 조금 잘려 전체 이미지를 볼 수 없는 문제가 생겼다 문제 영상) 마지막 슬라이드는 마우스로 땡겨야 간신히 볼 수 있다. [ swiper 옵션 확인하기 ] swiper가 이런 것도 해결 못 할리가 없다는 좌절감에 공식문서를 찾아보았다. 생각보다 간단하게 해결할 수 있었다. 옵션 기능 slidesOffsetAfter : number 슬라이드 ..