GSAP 라이브러리는 JavaScript의 애니매이션 라이브러리이다. CSS와 Vanilla JavaScript만으로 구현할 수있는 기능이 많지만, GSAP 라이브러리를 이용하면 세밀한 움직임과 동작의 연속성을 표현할 수 있다.
GSAP은 The GreenSock Animation Platform의 줄임말로 프론트엔드 개발자들이 많이 쓰는 라이브러리이다.
설치방법은 다음과 같다.
CDN 방식
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js" integrity="sha512-cOH8ndwGgPo+K7pTvMrqYbmI8u8k6Sho3js0gOqVWTmQMlLIi6TbqGWRTpf1ga8ci9H3iPsvDLr4X7xwhC/+DQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
NPM 방식
npm install gsap
자주 사용해보도록 해야겠다.
'JAVASCRIPT' 카테고리의 다른 글
| [JavaScript] ProtoType (0) | 2023.04.12 |
|---|---|
| [JavaScript] this (0) | 2023.04.12 |
| [JavaScript] lodash 라이브러리 (0) | 2023.04.04 |
| [JavaScript] 새로고침 방지 (event.preventDefault()) (0) | 2023.02.10 |
| [JavaScript] input값 가져와서 사용하기 (input.value) (0) | 2023.02.09 |
