GSAP 라이브러리는 JavaScript의 애니매이션 라이브러리이다. CSS와 Vanilla JavaScript만으로 구현할 수있는 기능이 많지만, GSAP 라이브러리를 이용하면 세밀한 움직임과 동작의 연속성을 표현할 수 있다. GSAP은 The GreenSock Animation Platform의 줄임말로 프론트엔드 개발자들이 많이 쓰는 라이브러리이다. 설치방법은 다음과 같다. CDN 방식 NPM 방식 npm install gsap 자주 사용해보도록 해야겠다.
라이브러리
lodash 라이브러리는 javascript의 인기있는 라이브러리로 객체, 배열 등의 데이터 구조를 쉽게 변환하여 사용하게끔 도와준다. lodash라는 이름은 _를 사용하기 때문에 따온 것으로 보인다. 나는 스크롤 내릴 때 콘솔이 여러 번 찍히는 것을 막기 위해 throttle 메서드를 사용했다. window.addEventListener('scroll', _.throttle(()=>{ console.log('scroll!')}, 300)); lodash 라이브러리의 설치 과정은 다음과 같다. cdn 방식 npm 설치 방법 npm i -g npm npm i --save lodash import 방법(npm 설치시) import _ from 'lodash'; 자세한 사항은 https://lodash.com..