이미지 변환1 [React] 이미지 자동 슬라이더 carousel 기능 구현하기 첫 화면에 배너 이미지가 자동으로 슬라이드 되고, 버튼 클릭으로도 사진 전환이 가능한 컴포넌트를 만들어야하는 과제가 주어졌다. 다양한 라이브러리가 있지만 나는 최대한 JS 코드만을 이용해서 만들어보았다! 1. 현재 보여지는 사진과 순서에 대한 Value 값 지정하기 UseState를 활용해서 사진 순서에 따라 값이 바뀌게 하였다. const [currentImageIndex, setCurrentImageIndex] = useState(0); const images = [HeroBanner1, HeroBanner2, HeroBanner3, HeroBanner2]; 2. useEffect와 setInterval() 함수를 통해 자동 전환 구현하기 setInterval()함수를 통해 currentImageIn.. 2023. 7. 7. 이전 1 다음