[jQuery] Smart Wizard v6

안녕하세요.

 

오늘은 웹 개발을 하다가 단계별 위자드 플러그인을 사용할 일이 생겼습니다.

개발할 시간이 부족해 현재 오픈소스로 구현되어 있는 Smart Wizard를 사용해보려고 합니다.

이는 "Free to use and modify on both personal and commercial environment"라고 되어있어 개인/상업적 이용과 수정이 모두 무료로 가능하다는 것을 명시했습니다.

 

 

# Installation

NPM이나 Yarn, CDN을 통해서도 사용가능합니다.

NPM

npm install smartwizard

Yarn

yarn add smartwizard

CDN - jsDelivr

<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/smartwizard@6/dist/css/smart_wizard_all.min.css" rel="stylesheet" type="text/css" />

<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/smartwizard@6/dist/js/jquery.smartWizard.min.js" type="text/javascript"></script>

 

# Downloads

참고로 저는 서버에 다운받아 설치해서 사용 중입니다.

 

# Requirements

jQuery 3.6+ 이상이 설치 되어야합니다.

 

# Demo

 

 

다양한 기능들과 Ajax와도 연동이 가능하니 아래 출처에서 확인바랍니다.

 

감사합니다.

 

 

 

 

출처: http://techlaboratory.net/jquery-smartwizard

jQuery Smart Wizard - The awesome step wizard plugin for jQuery