[CodingApple] 자바스크립트 라이브러리

자바스크립트 라이브러리

1. Swiper

캐러셀 (이미지 슬라이드)

https://swiperjs.com/get-started#use-swiper-from-cdn

• js 파일, css 파일을 다운받아서 첨부한 뒤에 html, css, js 예제 코드 복붙

2. Chart.js

차트

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

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

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

• 홈페이지 예제 코드 아무데나 복붙

3. Animate On Scroll

스크롤 내리면 요소가 서서히 등장하는 애니메이션

https://github.com/michalsnik/aos

• js, css파일 cdn버전 찾아서 html 파일에 넣고 밑에 <script> 태그 열어서 코드 복붙

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

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

• 위 사이트에서 예제 코드 따라서 복붙하면 구현 끝

4. EmailJS

원래 이메일 전송은 서버가 해야하지만 Gmail 이런거 서버를 잠깐 빌리면 자바스크립트만으로 이메일 전송이 가능

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

• 튜토리얼 그대로 복붙하고 거기에 만든 EmailJS 계정아이디 기입

5. Lodash

array, object, 문자, 숫자 자료를 다루기 편해지는 기본함수들을 제공

https://lodash.com/

6. Fullpage.js

웹 페이지를 PPT처럼 만들어줌

• 버튼 누르면 다음 슬라이드 보여주는데 유행이 지남

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

• js, css 파일을 cdn로 설치

• 예시 html과 js 코드를 복붙

7. React / Vue

• 페이지가 너무 많아서 UI 재활용이 자주 필요한 사이트

• 모바일 앱처럼 페이지 이동없이 동작하는 Single Page Application을 만들 때 유용한 라이브러리