swiper2 [React - Swiper.js] 옵션 정리 📌 Swiper.js 설정 옵션 가이드 🔗Swiperjs - api📍 Swiper 옵션 정보📗 많이 사용하는 기본 옵션옵션타입기본값 initialSlidenumber0초기 활성화될 슬라이드 인덱스direction"horizontal" / "vertical"horizontal슬라이드 방향loopbooleanfalse슬라이드 무한 루프speednumber300슬라이드 전환 속도slidesPerViewnumber / "auto"1한 번에 보여줄 슬라이드 개수spaceBetweennumber0슬라이드 간 간격(px)centeredSlidesbooleanfalse현재 슬라이드를 가운데 정렬slidesPerGroupnumber1그룹당 표시할 슬라이드 개수loopFillGroupWithBlankboolean.. 2025. 3. 19. [React Swiper.js] 설치 및 사용법 알아보기 📌 Swiper.js- 캐러셀 UI를 만들기 위해 사용되는 인기 있는 라이브러리 - 이미지 슬라이드 또는 콘텐츠 이동을 구현할 때 사용 - 웹과 앱에서 터치 및 반응형 최적화 - 간단한 사용법, 다양한 옵션 제공, 다양한 환경에서 커스터마이징 가능 🔗 Swiper 공식 문서 📍 기존 React 프로젝트에 Swiper 설치npm install swiper // 📍 SwiperTest.tsx// Import Swiper React componentsimport { Swiper, SwiperClass, SwiperSlide } from 'swiper/react';// Import Swiper stylesimport 'swiper/css';export const SwiperTest = () => { .. 2025. 3. 19. 이전 1 다음 반응형
