정말 멍청한 짓을 해버렸네요.. 답변 안해주셔도 괜찮습니다..
캐러셀이 자동으로 움직이도록
일정시간마다 mainCarouselCount를 1씩 늘려주고 mainCarouselCount가 바뀐 후에 캐러셀을 움직여 주도록 코드를 작성했습니다.
(setMainCarouselImgBtn은 class용 state입니다)
useInterval(()=> {
setMaincarouselCount(mainCarouselCount+1);
},3000); //useIterval에서 useEffect를 통해 setInterval을 처리하기 때문에 필요 없음
useEffect(()=> {
var copy = mainCarouselCount % 3;
console.log(copy)
if(mainCarouselCount==0)
setMainCarouselImgBtn("main-carousel-page1")
else if(mainCarouselCount==1)
setMainCarouselImgBtn("main-carousel-page2")
else
setMainCarouselImgBtn("main-carousel-page3")
},[mainCarouselCount])