리액트에서 초마다 새로운 이미지를 렌더하는 법은

구상

프로젝트 초기 구상할때만 해도 useEffect를 사용해서
state가 1일때 img01를 렌더하려고 했는데
지금 코드가 useEffect를 너무 많이써서 고민된다.
framer-motion 라이브러리를 쓰면 될것같기도 하지만
이 라이브러리에 컴포넌트의 중심축을 변경할 수 있는 기능도 있는지.. 잘 모르겠다..

내가 만드려는 것은 사람이 움직이는 듯한 애니메이션이다.
사각형, 원 같은 형태가 아니라 굉장히 응용적인 형태여서..
그런데 적다보니까 될것 같기도 하고..

아니, 그전에 framer-motion이 useInterval이 세는 delay와 어긋나게 작동되는것도 걱정이된다.

핵심기능 완성을 다 했는데... 산넘어 산이다.

구현

7월12일
결국 useEffect를 사용해서 만들었다.
framer-motion 을 이용하면 더 복잡해지기 때문이다.
처음 만들때는 굉장히 어려웠는데, 기능개발을 마치고 나니 엄청 허무하다..
나중에 실력이 오르면 useEffect만 주구장창 쓰지 않고도 앱을 만들 수 있을까?