[JavaScript] 유용 라이브러리

1. Chart.js 

 

웹페이지 차트만들기에 유용하다.

관리자 페이지 만들 때 통계를 이쁘게 보여준다.

 

 

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

js 파일 다운받거나 cdn 버전으로 구해서 html 파일에 넣으면 설치 끝.

 

https://www.chartjs.org/docs/latest/

Chart.js 홈페이지 예제 코드 아무데나 붙여넣기 하면 차트 나온다.

 

 

 

 

 

---

 

 

2. Animate On Scroll

 

스크롤 내리면 요소가 서서히 등장하는 애니메이션을 만들 수 있다.

 

https://github.com/michalsnik/aos

여기서 css파일, js 파일 cdn버전 찾아서 html 파일에 넣고

그 다음에 밑에 <script> 태그 안에 작성하면 설치 끝.

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

 

 

https://michalsnik.github.io/aos/

위 사이트에서 예제 코드 가져오기.

<div data-aos="fade-up"></div>

원하는 박스에 이런거 추가하면 된다.

시간, 방향 설정가능하고 원하는 클래스명 부착도 된다.

 

---

 

 

3.  EmailJS

 

원래 이메일 전송은 서버가 해야하지만 Gmail 이런거 서버를 잠깐 빌리면

자바스크립트만으로 이메일 전송이 가능하다. 

유저가 내 이메일 계정으로 이메일 전송도 가능하고,

내 이메일 계정으로 남에게 이메일 전송도 가능.

 

 

https://www.emailjs.com/docs/introduction/how-does-emailjs-work/

가입하고 계정 만든 후에

튜토리얼 그대로 복붙하고 거기에 내가 방금 만든 EmailJS 계정아이디 채워넣기.

 

---

 

4. Fullpage.js

 

웹페이지를 PPT처럼 만들어준다.

 

https://alvarotrigo.com/fullPage/

: 동작예시

 

https://github.com/alvarotrigo/fullPage.js/tree/master/lang/korean#fullpagejs

여기서 css, js 파일을 cdn 식으로 설치하고,

예시 html과 js 코드를 가져오면 된다.