JS 라이브러리_lodash, gsap, swiper

lodash- 데이터 구조변환 라이브러리

https://cdnjs.com/libraries/lodash.js

• throttle : 동일 이벤트가 반복적으로 시행되는 경우 이벤트의 실제 반복 주기와 상관없이 임의로 설정한 일정 시간 간격(밀리세컨드)으로 콜백 함수의 실행을 보장합니다.
  _.throttle(함수, 시간)   시간은 ms로 지정 ex) 0.3초 =300      

사용법:

• 사이트에서 빈태그모양의 아이콘 (</>)을 클릭하여 script를 복사
• .html파일의 head부분에 붙여넣음
• html페이지에 연결한 js파일에서 라이브러리를 활용하기 때문에
  기존js 파일 scropt태그 윗줄에 붙여넣어야함

 

 

---

gsap- 에니메이션 라이브러리

https://cdnjs.com/libraries/gsap

• gsap.from / gsap.to / gsap.fromTo

       gsap.from은 요소의 시작점까지의 애니메이션 속성을 지정

       gsap.to는 요소의 끝 점까지의 애니메이션 속성을 지정한다.

       gsap.fromTo는 애니메이션이 시작 점과 끝 점까지의 속성을 지정해줄 수 있다.

---

swiper - 슬라이드 라이브러리

https://cdnjs.com/libraries/Swiper