React, Slick library

msjulyone·2020년 10월 25일
0

사진을 좌우로 넘기는 효괴를 주고 싶어
Slick library를 사용했다.

먼저 라이브러리를 npm으로 설치!

그리고 import Slider from "react-slick"; 하기!

const settings = {
      dots: true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1
    };

변수에 속성값을 저장하여 사용!
나는 autoplay를 추가하여 사용했다!

그리고 브라우저의 개발자 도구에서
dots의 class를 확인하여
SCSS를 레이아웃에 맞게 변경하였다!

라이브러리의 편리함을 체험해본 좋은 경험이었다!

0개의 댓글