본문 바로가기
FE/React

리액트 Swiper (슬라이더) 적용

by 코딩의 세계 2025. 1. 27.

리액트 slick도 있긴 한데, DOM 요소의 부분에서 문제가 생길 수 있고.

Swiper는 리액트에 좀 더 친숙해서 이 라이브러리를 채택하였다.

관련 글을 링크로 달아두겠다.

https://velog.io/@ooo3289/React-Swiper-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-Navigation-Pagination

 

React Swiper 적용하기 (Navigation, Pagination)

Swiper 공식 문서 참고퍼블리셔일 때 슬라이드 써야하는 일이 있으면 무조건 Swiper를 사용했었다.React 환경에서는 처음 쓰는거라 기대 만빵확실히 html, javaScript위에서 쓰는 것 보다 더 쉬웠음!!일단

velog.io

사람마다 라이브러리 선택은 당연히 다르겠지만.

내가 써본 결과 Swiper가 좀 더 쉽고 호환성이 좋았다.

'FE > React' 카테고리의 다른 글

리액트 zustand란?  (0) 2025.02.21
리액트 쿼리란?  (0) 2025.02.20
리액트 - 유튜브 영상 넣기  (3) 2024.11.27
리액트 - 카카오 Map API  (10) 2024.10.09
리액트 - 환경 변수 관리하기 [API key]  (3) 2024.10.09