$('.carousel').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        slidesToShow: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1
      }
    }
  ]
});

위 코드에서 $('.carousel')은 슬라이더로 사용할 HTML 요소의 선택자를 나타냅니다. slidesToShow는 화면에 보여줄 슬라이드의 개수를 지정하는 옵션입니다. 위의 예시에서는 3개의 슬라이드를 보여주고 있습니다. slidesToScroll은 한 번에 스크롤할 슬라이드의 개수를 지정하며, 위의 예시에서는 1로 설정되어 있습니다.

또한, responsive를 사용하여 미디어 쿼리를 설정하여 각각의 화면 크기에서 다른 개수의 슬라이드를 보여줄 수 있습니다. 위의 예시에서는 768px 이하의 화면에서는 2개의 슬라이드를, 480px 이하의 화면에서는 1개의 슬라이드를 보여주도록 설정되어 있습니다.

Slick Carousel은 많은 유연한 옵션을 제공하므로 원하는대로 슬라이더를 구성할 수 있습니다. 자세한 내용은 Slick Carousel의 공식 문서를 참조하시기 바랍니다.