랜딩 페이지에서 framer motion, lottie가 사용되던 부분을 GSAP로 교체했습니다
공통 컴포넌트는 안 건드렸습니다!!
💬 To. 리뷰어
tailwind를 쓰고 있어서 JSX 내에 애니메이션/스타일링/컨텐츠가 함께 들어있었는데,
이번에 GSAP로 기존 애니메이션 코드를 대체하면서 useGSAP() 훅 내로 분리할 수 있어서 보기 편해진 거 같아요!!
framer motion의 spring는 gsap.timeline으로 비슷한 느낌 내보려고는 했는데 약간...... 덜 통통 튀는 거 같아 아쉽쓰
여러 요소에 같은 애니메이션을 적용할 때는 ref 여러 개 만들기 싫어서 ref.current.children을 써봤는데 괘괜찮은가요 (Hero)
💻 개요
리팩토링
209
📋 변경 및 추가 사항
Footer
에 오디오 출처가 추가되었습니다랜딩 페이지에서 framer motion, lottie가 사용되던 부분을 GSAP로 교체했습니다
💬 To. 리뷰어
tailwind를 쓰고 있어서 JSX 내에 애니메이션/스타일링/컨텐츠가 함께 들어있었는데, 이번에 GSAP로 기존 애니메이션 코드를 대체하면서
useGSAP()
훅 내로 분리할 수 있어서 보기 편해진 거 같아요!!framer motion의 spring는 gsap.timeline으로 비슷한 느낌 내보려고는 했는데 약간...... 덜 통통 튀는 거 같아 아쉽쓰 여러 요소에 같은 애니메이션을 적용할 때는 ref 여러 개 만들기 싫어서
ref.current.children
을 써봤는데 괘괜찮은가요 (Hero
)