개요

GSAP에선 React 환경에서 사용하라고 @gsap/react 라이브러리를 추천하고 있습니다.

useGSAP훅을 사용하지 않을 때 React에서 GSAP을 useEffect로 사용할 때 신경써야 하는 것들을 대신 해주기 때문에
사용하지 않을 이유가 없습니다.

Next14의 app router와 GSAP(useGSAP)을 사용하면서 발생한 몇 가지 고민과 해결을 기록해보려고 합니다.

새로고침 시 스크롤 위치 초기화

useGSAP 활용 부분

여러 컴포넌트로 구성됐을 때 Timeline 관리

반응형 애니메이션