Carousel 컴포넌트

[kim-hyunjoo]

📝작업 내용

shadcn기반 Carousel 컴포넌트를 구현했습니다.

테스트 코드

```jsx import * as React from 'react'; import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from '@/components/Carousel'; import { GameListCard } from '@/components/GameListCard'; const DUMMY = [ { title: 'title1', description: 'description1', }, { title: 'title2', description: 'description2', }, { title: 'title3', description: 'description3', }, { title: 'title4', description: 'description4', }, { title: 'title5', description: 'description5', }, { title: 'title6', description: 'description6', }, { title: 'title7', description: 'description7', }, { title: 'title8', description: 'description8', }, ]; export default function Home() { // DUMMY 배열을 6개씩 나누어 새로운 배열 생성 const groupedItems = []; for (let i = 0; i < DUMMY.length; i += 6) { groupedItems.push(DUMMY.slice(i, i + 6)); } return (

{groupedItems.map((group, index) => ( {group.map((item, index2) => ( ))} ))}

); } ```

📷스크린샷(필요 시)

✨PR Point

• 테스트 중 버튼이 비활성화 되어야 하는 케이스에만 에러가 생겨 이 부분은 추후에 문제 해결 시 추가하겠습니다.