Swiper

• https://swiperjs.com/get-started#use-swiper-from-cdn
• 튜터리얼들을 보면서 사용 쌉가능

Chart.js

• 웹페이지에 차트 만들고 싶을 때 사용
• https://cdnjs.com/libraries/Chart.js
  • cdn install
• https://www.chartjs.org/docs/latest/
  • 어떤 튜토리얼들을 보면서 사용 쌉가능

Animate On Scroll

• 스크롤 내리면 요소가 서서히 등장하는 애니메이션 만들 때 사용
• https://github.com/michalsnik/aos
  • css, js, cdn 버전 찾아서 html 파일에 넣는다.

  <script>
    AOS.init();
  </script>

  • 위를 추가하면 끝
• https://michalsnik.github.io/aos/
  • 해당 사이트의 튜토리얼을 따라서 진행하면된다.

EmailJs

• 이메일 전송은 서버가 해야되지만 Gmail 이런 서버를 잠깐 빌리면 자바 스크립트만으로 이메일 전송이 가능하다.
• https://www.emailjs.com/docs/introduction/how-does-emailjs-work/
  • 가입 후 계정 생성
  • 튜토리얼 복붙 후 EmailJS 계정 아이디만 잘 채우면 된다.

Lodash

• array, object, string, number 자료를 다루기 편해지는 기본 함수들을 제공한다.
• array에 있는 'a' 문자 제거하고싶으면 filter, for문제거 를 해야되는데 위 라이브러리를 사요하면 _.pull(array, 'a') 이런식으로 사용하면된다.
• https://lodash.com/

React or Vue

• 페이지가 너무 많아서 UI 재활용이 자주필요한 사이트나 페이지 이동없이 동작하는 Single Page Application 만들 때 유용한 자바스크립트 라이브러리다.

fullPage

• 웹페이지를 PPT 처럼 만들어준다.
• 버튼을 누르면 다음 슬라이드를 보여준다.
• https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs
  • cdn 설치 및 html, js 코드를 복붙하면 된다.