본문 바로가기
Programming/JavaScript

유용한 자바스크립트 라이브러리

by 막이 2018. 7. 12.

autocomplete 모음

highlight.js

신텍스 하일라이터. 코드 3줄이면 페이지 내 코드를 자동으로 인식해서 하일라이팅 해주는 라이브러리.
https://highlightjs.org/

textures.js

SVG 패턴을 생성해주는 d3.js 확장 라이브러리. 데이터 시각화.
http://riccardoscalco.github.io/textures/

krakenjs

express를 위한, 보안 및 확장 가능한 레이어. 페이팔 오픈소스.
http://krakenjs.com/

intract.js

드래그 앤 드롭, 리사이즈 등 여러 제스처를 지원하는 js
http://interactjs.io

Pikaday.js

의존성 없는, 가벼운 datepicker 라이브러리. moment.js를 쓰면 포맷팅도 지원.
https://github.com/dbushell/Pikaday

moment.js

일자/시간 라이브러리. js에 내장된 클래스보다 사용하기 용이.
http://momentjs.com/

intro.js

웹사이트용 튜토리얼 만들기
http://usablica.github.com/intro.js

seriously.js

실시간 노드기반 비디오 이펙트 적용 webGL
http://seriouslyjs.org/

impress.js

CSS3를 이용한 Prezi 구현, 프리젠테이션
https://github.com/bartaz/impress.js

Reveal.js

프리젠테이션
http://lab.hakim.se/reveal-js/

mailcheck.js

이메일 입력 제출 전 오타 검증
https://github.com/mailcheck/mailcheck

spin.js

의존성 없는 로딩 스피너 생성
http://fgnass.github.io/spin.js/

two.js

2차원 그래픽 api 멀티 컨텍스트 지원(svg, canvas, webgl)
http://jonobr1.github.io/two.js/

fartscroll.js

스크롤 할 때 방귀 소리(…)
http://theonion.github.io/fartscroll.js/

list.js

바닐라 엔진
http://listjs.com/

Ratchet

모바일 앱을 위한 프레임워크
http://goratchet.com/

InstantClick

클릭 속도 향상
http://instantclick.io/

deck.js

프리젠테이션
http://imakewebthings.com/deck.js/

pdf.js

PDF 변환 및 렌더링
http://mozilla.github.io/pdf.js/

oboe.js

JSON 스트리밍
https://github.com/jimhigson/oboe.js

Rainyday.js

비 내린 창문 효과
https://github.com/maroslaw/rainyday.js

Chart.js

차트 그래프 생성
http://www.chartjs.org?back

verlet.js

verlet 구현 2d 물리 엔진
http://subprotocol.com/verlet-js/

twss.js

문장이 That’s what she said에 해당하는지 확인해주는 모듈
https://github.com/DanielRapp/twss.js

alertify.js

브라우저 기본 alert, confirm 등을 대체하는 라이브러리
http://fabien-d.github.io/alertify.js/

pickadate.js

경량 데이터피커 datapicker UI
http://amsul.ca/pickadate.js/

oj.js

객체 기반 웹사이트 만드는 라이브러리
http://ojjs.org/

dropzone.js

드래그 앤 드롭 파일 업로드 구현
http://www.dropzonejs.com/

numeral.js

숫자 및 단위 처리
http://numeraljs.com/