목록리액트 (1)

Daily Front_Minhhk

[몇분만 투자하자~] react-slick 사용하기(리액트 슬라이드,캐러셀)

메인페이지의 캐러셀 구성을 위하여 react-bootstrap 을 적용 해보았지만,, 기존 css 와 전체적으로 다 충돌이 일어났다ㅠ 그래서 찾아 보던 중 💡 react-slick 을 발견했다!! 1. 우선 두가지 패키지를 설치를 해주자!! npm install react-slick npm install slick-carousel 그리고 최상단에 import! // 캐러셀 적용 컴포넌트 import Slider from "react-slick"; // 캐러셀 적용 css 이것도 꼭 import! import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; 2. 제일 기본으로 제공하는 캐러셀 예시에서 div 대..
Project 2023. 3. 21. 13:52
이전 Prev 1 Next 다음