Carousel

캐러셀을 만드는 대중적인 방법으론 두가지가 있다.첫번째는 이미지 배열을 이용해 만드는 방법https://www.youtube.com/watch?v=Kx8XlKRBZx8&t=242s두번째는 translateX를 이용해 만드는 방법배열을 따로 만들어주기 귀찮기 때

캐러셀(Carousel) 만들기 (1)에서 이미지의 transform: translateX(0%)을 바꾸면 다음 사진으로 넘어갈 수 있다는걸 알았다. 그럼 특정 시간이 지났을때 다음 사진으로 넘어가게 하려면 어떻게 해야할까? 아직 해보진 않았지만 setInterval을

무한 캐러셀이 어떻게 가능할까 고민하다 답이 안나와서 검색 해봤다. 첫번째 이미지를 복사해서 이미지 마지막 부분에 추가하고, 마지막 이미지를 복사해서 이미지 첫 부분에 추가하면 된다고 한다. 이렇게 하면 이미지 마지막에 도달하면 마지막 이미지에서 첫번째 이미지로 자연스

오늘 만들건 Prev, Next 버튼과 useRef를 사용해 현재 몇번째 이미지를 보고 있는지 표시해주는 기능을 만들거다. 시작하기 전에 현재 나는 캐러셀에 20개의 이미지를 보여주고 있는데 이대로 진행할 경우 이미지 순서 표시 기능을 만들었을때 캐러셀 하단이 버튼으로