swiper(2)
-
[Defect] 브라우저 리사이징(Resizing)할 때, 불안정한 Swiper 동작 해결
웹 개발에서 Swiper를 사용하면 간편하게 슬라이드 기능을 구현할 수 있지만, 브라우저 리사이징 중에 Swiper가 제대로 동작하지 않는 문제가 발생할 수 있습니다. 이를 해결하기 위해 아래와 같은 방법을 통해 Swiper를 안정적으로 유지할 수 있습니다. let eventSwiper; function initializeSwiper() { //Swiper 초기화 함수 const eventSwiper = new Swiper('.swiper', { loop: true, slidesPerView: 1, // spaceBetween: 10, pagination: { el: '.swiper-pagination', clickable: true, type: 'fraction', renderFraction: func..
2024.01.18 -
Vite에서 모듈들 간단하게 설치해서 사용하기 (feat. swiper) - 3편
https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 홈페이지 구축할 때, 자주 사용하는 UI 중 하나다 현업에서 slide, slider, carousel, swiper로 불린다 슬라이더 중에 가장 유명한 Swiper 모듈을 설치해 보자 1. swiper 설치하기 npm i swiper package.json에 설치된 swiper 모듈 2. 기본적인 html 뼈대는 swiper 공식 홈페이지 문서에서 그대로..
2023.02.27