snack-game / front

스낵게임! 선택한 스낵 숫자합을 10을 만들면 점수를 얻는 게임입니다!
https://snackga.me
14 stars 0 forks source link

Refactor: 랜딩 페이지 내용/애니메이션 수정 #225

Closed nijuy closed 4 months ago

nijuy commented 4 months ago

💻 개요

📋 변경 및 추가 사항

gsap

💬 To. 리뷰어

tailwind를 쓰고 있어서 JSX 내에 애니메이션/스타일링/컨텐츠가 함께 들어있었는데, 이번에 GSAP로 기존 애니메이션 코드를 대체하면서 useGSAP() 훅 내로 분리할 수 있어서 보기 편해진 거 같아요!!

framer motion의 spring는 gsap.timeline으로 비슷한 느낌 내보려고는 했는데 약간...... 덜 통통 튀는 거 같아 아쉽쓰 여러 요소에 같은 애니메이션을 적용할 때는 ref 여러 개 만들기 싫어서 ref.current.children을 써봤는데 괘괜찮은가요 (Hero)