개발하자(DevHaja)

FrontEnd/JavaScript & TypeScript

[JS] Swiper-slide 라이브러리 사용법(반응형)

📋 Swiper swiper는 slick과 같은 슬라이드 라이브러리이지만 jQuery가 아닌 JavaScript를 사용하며 다양한 옵션을 지원해서 사용하기 편합니다. 그리고 하위 브라우저(IE9)에서도 동작하기 때문에 크로스 브라우징 측면에서도 뛰어납니다. 1. 설치 방법 swiper를 사용하려면 여러가지 방법이 있습니다. 원하는 방식으로 사용하시면 됩니다. CDN으로 사용하는 방식 swiper 파일을 직접 다운받아 사용하는 방식 npm으로 설치하여 사용하는 방식 CDN 2. 기본 사용법(구조) 사용법은 매우 간단합니다. 슬라이더를 사용하기위해 만들어 놓은 html문서 안에 swiper의 기본 구조에 맞는 class를 넣어주면 됩니다. 주의할 점은 swiper에서 정해 놓은 class명을 지정해줘야 합니..

devwoodie
'Swiper' 태그의 글 목록