반응형
메인페이지에서
loop를 설정해서 슬라이드가 duplicate되어
무한으로 쭉쭉 돌아가는 스와이퍼를 설정했다.
로컬에서 문제 없이 잘 돌아갔는데
서버에서는 버벅이는 현상이 발견됐다.
슬라이드가 갑자기 뒤로 가고 앞으로가다가 다시 뒤로가기를 반복했다.
문제가 될만한 swiper가 있었나, 하고 쓸데없는 옵션을 주석처리 하기도 했고
duplicate 문제인가 싶어서 loopedSlides: 1
을 추가해봐도
버벅이는 현상은 달라지지 않았다.
같은 스와이퍼를 메인에도 쓰고 서브페이지에서도 썼다.
메인페이지에서 js파일 목록을 보니 main.js와 sub.js가 동시에 있는것을 발견하였다. (;;;)
스와이퍼 생성 부분이 중복되어 영향을 받은듯하다.
서브페이지에서는 main.js를 불러오지 않길래
main.js에서 해당 swiper부분을 주석처리해서 문제해결을 했다.
(메인페이지에서 sub.js를 안쓰면 안되나요? ... 답이 없었다.)
반응형
'Frontend > Libraries' 카테고리의 다른 글
OpenAI API의 입력과 출력 이해하기 (0) | 2024.08.16 |
---|---|
yarn pnp에서 node-modules로 변경후 supabse CLI 사용하기... (0) | 2024.07.01 |
[Redux] 리덕스 라이브러리 이해하기 (1) | 2023.12.28 |
[React] vite프로젝트에서 react-virtualized 사용하기 (1) | 2023.11.22 |
[swiperjs] 스와이퍼 슬라이드 갯수가 1개일때만 loop, autoplay 안하게 변경하기, 드래그 방지 (0) | 2023.07.26 |