20220303 운영 업무 중 Swiper 슬라이더를 사용하여 23개의 썸네일이 연동되는 형식의 슬라이드 갤러리를 구현하며 겪었던 어려움들을 기록하고자 한다.

Swiper 슬라이더 API

1. slidesPerView(default 1) - 한 번에 보여지는 슬라이드 수, 'auto'로 지정 가능
2. loopedSlides(default null) - 이 파라미터를 복제한 슬라이드 수 지정 loop: true + auto 지정시 loopedSlides 지정해야 함
3. observer: true - DOM에 변화를 감지하여 swiper 초기화, observeParents: true와 셋뚜