swiper 동적 생성

https://velog.io/@dldlswognqh/swiper-구현

위 링크에 보면

현재 보고 있는 즉 active되어 있는 bullet은 길어지게 된다.

그런데 길어지는 거 말고

active된 bullet과 다른 bullet들의 크기가 달랐으면 뭔가 더 괜찮을 것 같은데...?

위 링크에서 swiperjs를 쓰다보니 일일히 막 크기를 조정하지 않아도 됐다...

var swiper = new Swiper(".bike-slider", {
  slidesPerView: 1,
  spaceBetween: 10,
  pagination: {
    el: ".swiper-pagination",
    dynamicBullets: true,
    clickable: true,
  },
  autoplay: {
    delay: 5000,
    disableOnInteraction: false,
  },
});

여기에서 dynamicBullets를 true로 해주면 알아서 설정이 되어 매우 편리하기도 하고 한편으로 너무 간단해서 어이가 없기도 하다ㅜㅜㅜ