[javascript] Parcel에서 캐로셀 라이브러리를 사용하는 방법은?
- 먼저, Parcel 프로젝트를 생성하고 필요한 종속성을 설치합니다.
npx create-react-app my-app cd my-app npm install --save react-responsive-carousel
- 캐로셀을 사용할 컴포넌트를 생성합니다. ```javascript import React from “react”; import Carousel from ‘react-responsive-carousel’; import “react-responsive-carousel/lib/styles/carousel.min.css”;
const MyCarousel = () => {
return (
export default MyCarousel;
3. 생성한 컴포넌트를 사용하는 곳에서 불러와서 사용합니다.
```javascript
import React from "react";
import MyCarousel from "./MyCarousel";
const App = () => {
return (
<div>
<h1>My Carousell</h1>
<MyCarousel />
</div>
);
};
export default App;
이제 Parcel 프로젝트에서 캐로셀 라이브러리를 사용할 수 있습니다. 필요에 따라 이미지와 레전드를 수정하여 커스텀할 수 있습니다.
더 자세한 내용은 React Responsive Carousel 공식 문서를 참고하시기 바랍니다.