js-library

Last updated - 2024년 11월 21일 Edit Source

🖥️ 코딩애플 Javascript

해당 게시글은 JavaScript 입문과 웹 UI 개발 강의를 정리한 내용입니다.

자바스크립트 라이브러리
Swiper
Chart.js
Animate On Scroll
EmailJS
Lodash
React / Vue
Fullpage.js

# Swiper

부트스트랩의 캐러셀을 활용해도 괜찮지만, swiper를 이용하여 다양한 캐러셀 활용 가능. 이미지 lazy loading, 터치/드래그 가능 사실 쓸지는 의문

# Chart.js (추천)

웹페이지에 차트 도입할 때 싸용, 관리자 페이지, 어드민 페이지에서 통계 만들 때 유용할 듯. 이건 진짜 많이 사용할 예정

# Animate On Scroll (약간 추천)

스크롤 내리면 요소가 등장하는 애니메이션 사용할 때 좋음. 깃허브 페이지에서 사용법 나와있음. 아래 코드 넣으면 설치 끝

1
2
3
4
5
6
7
8
<head>
	<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>

<body>
	<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
	<script>AOS.init();</script>
</body>

# EmailJS

서버로 이메일 전송 하지만, 서버를 빌려서 자바스크립트만으로 이메일 전송 가능하게 해주는 라이브러리. 링크에서 시키는대로 하면 되지만, 나는 서버 만들거니까 별로 사용 안할듯

# Lodash

array, object, 문자, 숫자 자료 등을 편하게 다루도록 기본 함수 제공해줌. 근데 안쓸듯

# React, Vue (강력 추천, 따로 공부)

컴포넌트 단위처럼 페이지가 많아서 라우팅 하고 이런거 UI 재활용 자주 해야하고 페이지 새로고침 없이 필요한 부분만 렌더링 하도록 동작하는 방식인 SPA(Single Page Application)을 만들 때 유용한 자바스크립트 라이브러리

자바스크립트 기본부터 제대로 배우고 이용하는 것을 추천

# Fullpage.js

웹페이지를 PPT처럼 만들어줌. 이것도 안쓸 예정

Comment