Nextjs/Typescript Card Slice 구현하기 (Giftwave)
메인 페이지에 존재하는 Funding List 만들기 다음과 같은 디자인을 비슷하게 만들어 갈 예정이다. 기능 확인하기 서버로 부터 카드 정보를 받는다.(image, title, maxCount, curCount) 받은 정보를 가지고, slide를 만든다. slide의 기능은 prev,next 버튼 클릭시 카드가 움직일 것이고, 방향은 왼쪽, 오른쪽으로 가능하다. 구현 하기 Button 구현하기 (next, prev) 처음에 가장 만들기 쉬운것부터 접근했다. button을 클릭했을 때, 카드가 이전으로 가거나 다음으로 넘어가도록 구현하기로 했다. 그렇게 하기 위해서는 현재 상태를 관리해주는 state가 필요했고, useState를 이용해서 관리하도록 했다. const [currentIndex, setCu..
더보기
