Javascript

description : Javascript 관련 내용 기술
author : 천호동밤안개
email : jhgong@repia.com
lastupdate : 2020-04-01

주요 예시

연관 WIKI: HTML CSS

Plugin

Jquery

2006년 존 레식(John Resig) 최초 개발
클라이언트 측 솔루션 제작을 손쉽게 만들어주는 크로스 플랫폼 자바크스크립트 라이브러리
HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션, Ajax, …
공식 사이트
jQuery란 무엇인가?

Jquery ui

jQuery기반으로 만들어진 사용자 인터페이스 상호작용, 효과, 위젯, 테마 제공
달력, 대화상자, 진행 표시줄, 풍선 도움말, 자동 완성, …
공식사이트

c3.js

  <link href="/plugins/charts-c3/plugin.css" rel="stylesheet" />
  <script src="/plugins/charts-c3/plugin.js"></script>

Maps-google.js

  <link href="/plugins/maps-google/plugin.css" rel="stylesheet" />
  <script src="/plugins/maps-google/plugin.js"></script>

input-mask

  <script src="/plugins/input-mask/plugin.js"></script>

Datatables

  <script src="/plugins/datatables/plugin.js"></script>

require.js

  <script src="/js/require.min.js"></script>

bootstrap

  <script src="/components/bootstrap/dist/js/bootstrap.min.js"></script>

iCheck.js

jQuery 기반 플러그인으로 check box, radio button 커스터마이징
서로 다은 브라우저 및 장치에서 동일한 입력, 터치 장치 지원, 키보드 접근 입력 커스텀의 자유, 가벼운 크기
사용예시

...

홈페이지, GitHub
[jquery] iCheck plugin 사용하기

html5shiv.js

  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

respond.js

  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

jqvmap.js

  <link th:href="${#httpServletRequest.getContextPath()}+'/plugins/jqvmap/jqvmap.min.css'" rel="stylesheet" /> \\

JQVMap은 Interactive, Clickable Vector Maps를 렌더링하는 jQuery 플러그인입니다.
Firefox, Safari, Chrome, Opera 및 Internet Explorer 9와 같은 최신 브라우저에서 크기 조정이 가능한 SVG (Scalable Vector Graphics)를 사용합니다.
https://github.com/10bestdesign/jqvmap
https://www.10bestdesign.com/jqvmap/

chart.js

<script th:src="${#httpServletRequest.getContextPath()}+'/plugins/chart.js/Chart.min.js'"></script>

sparklines

<script th:src="${#httpServletRequest.getContextPath()}+'/plugins/sparklines/sparkline.js'"></script>

jquery-knob

<script th:src="${#httpServletRequest.getContextPath()}+'/plugins/jquery-knob/jquery.knob.min.js'"></script>

moment

momentjs

  <script th:src="${#httpServletRequest.getContextPath()}+'/plugins/moment/moment.min.js'"></script>

daterangepicker

<script th:src="${#httpServletRequest.getContextPath()}+'/plugins/daterangepicker/daterangepicker.js'"></script>

tempusdominus

<script th:src="${#httpServletRequest.getContextPath()}+'/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js'"></script>

summernote

<script th:src="${#httpServletRequest.getContextPath()}+'/plugins/summernote/summernote-bs4.min.js'"></script>

overlayScrollbars

<script th:src="${#httpServletRequest.getContextPath()}+'/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js'"></script>

CryptoJS

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>\\
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/sha256.js"></script>

목차