slick slider : 반응형 구현

responsive key 값에 배열타입으로 각각 브레이크 포인트 마다 객체형태로 구현한다.

settings key값을 사용하여 기본 설정으로 구간별로 변경할 수 있다.

$(".slider").slick({
        arrows: false,
        dots: false,
        slidesToShow: 10,
        slidesToScroll: 1,
        responsive: [
          {
            breakpoint: 1200,
            settings: {
              slidesToShow: 6,
            },
          },
          {
            breakpoint: 768,
            settings: {
              slidesToShow: 4,
            },
          },
          {
            breakpoint: 578,
            settings: {
              slidesToShow: 1,
            },
          },
        ],
      });