개발공부 임고미

공식사이트 : greensock.com/ 트윈맥스는, 다양한 애니메이션 모션을 만들기에 수월한 라이브러리다. 간단한 몇가지만 익혀놔도 다양하게 사용 가능하므로 모션만들일이 많다면 한번쯤 알아놓으면 좋은것같다! gsap객체는 Tween과 Timeline을 만들고 제어하는 다양한 메서드와 속성이 있다. Tween 바로 실행되어야하는 간단한 모션만들때 유용 Timeline 다양한 메서드를 사용해 모션을 컨트롤할 수 있습니다. pause () , play () , progress () , reverse () , timeScale () 등등 아래의 메소드드 들은, gsap의 메소드들입니다. 다양한 메소드가 있지만, 여기서 다룰건 .set(), .to(), .from(), .fromTo, .killTweensOf(..

트윈맥스는 다양한 애니메이션을 만들기에 너무 유용한 라리브러리 입니다. 또 리액트도 지원해줘서 다양하게 활용이 가능합니다. greensock.com에 문서정리가 잘 되어있어서 딱히 블로그 글을 읽지 않고 원본 문서들만봐도 충분히 활용 할 수 있겠지만 실무를 하면서 유용하게 자주 사용한던 메소드와 기능들을 위주로 블로그글을 적어나가보고자 합니다! installation : greensock.com/docs/v3/Installation 1. CDN 간단하게 cdn 으로 불러올 수 있습니다. html 하단에 다음과 같이 불러옵니다. js에서 사용하는 방법입니다. 간단하게 gsap으로 불러와, 문법에 맞게 작성해주면 됩니다. //js gsap.from('.circle', 5, { x: 500, opacity: ..