Skip to content
my-lab

GSAP FadeInBox

GSAP FadeInBox

Section titled “GSAP FadeInBox”

목적

Section titled “목적”

React 컴포넌트에서 GSAP 애니메이션을 mount/unmount lifecycle에 맞게 적용하는 최소 예제입니다.

구현 기준

Section titled “구현 기준”
  • useLayoutEffect
  • useRef
  • gsap.context
  • cleanup 시 ctx.revert()

Storybook

Section titled “Storybook”

Storybook 경로: Animation/GSAP/FadeInBox