[Project] - React slide 구현하기

첫 main-project를 진행하면서 slide를 구현하기 위해 React-slick 라이브러리를 사용해보았습니다. 

---

💡React-slick 이란?

react-slick은 react 에서 슬라이드를 손쉽게 구현하도록 도와주는 라이브러리이다. 

 

❗️React-slick 설치하기 

npm i react-slick
yarn add react-slick

 

 

npm i slick-carousel

react-slick 에서 css를 수정하기 원하면, 위 라이브러리도 함께 설치해줘야 한다.

 

import Slider from "react-slick";
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';

라이브러리를 설치 후 , 해당 라이브러리를 사용할 곳에 위 코드를 넣어서 가져와주면 된다. 

 

위 코드는 내가 프로젝트를 진행하면서 직접 쓰인 코드다. 앞서 말했듯이 slick은 settings를 통해 css를 변경할 수 있다. 

 

 

위 코드를 작성하여 react-slick 라이브러리를 구현해볼 수 있었습니다. 

 

 

 

참고문헌

https://react-slick.neostack.com/