웹솔루션개발 25년 노하우! 해피CGI의 모든것

라이센스MIT- 사용 방법1. jQuery 라이브러리와 pdf.js 파일을 불러옵니다.2. 아이콘 재료를 불러옵니다. (선택사항)3. pdfjs-viewer 플러그인 파일을 불러옵니다.4. pdf.js 라이브러를 초기화합니다.5. 지정한 HTML 요소에 PDF 뷰어를 포함시킵니다.6. PDF 뷰어의 도구 모음을 추가하거나 수정할 수 있습니다. (사이트 참고)- 작동 화면

- 라이센스MIT- 사용 방법1. jQuery 라이브러리와 Watermarker.js 파일을 불러옵니다.2. 이미지 업로드를 위한 HTML FILE 폼을 추가합니다.3. 워터마크 로고 이미지 경로를 지정하고 플러그인을 호출합니다.4. 워터마크의 위치나 간격 등을 조절할 수 있습니다.- 예시 화면

데이터 편집, 필터링, 정렬등과 같은 강력한 기능을 제공하는 TOAST UI - GRID 입니다.https://ui.toast.com/tui-grid https://github.com/nhn/tui.grid 페이지에서 최신 소스 다운로드가 가능하고,사용법은 아래 페이지들을 참고 하시면 됩니다.https://ui.toast.com/tui-grid https://nhn.github.io/tui.grid/latest/ 샘플은 29여종이 제공되고 있습니다.https://nhn.github.io/tui.grid/latest/tutorial-example01-basic

트리 구조로 메뉴등의 편집 및 드래그 기능을 제공하는 TOAST UI - Tree 입니다.기본적인 기능외에도 편집기능이 내장되어 있어서,설정툴 및 메뉴등으로 활용이 가능 합니다.https://github.com/nhn/tui.tree 페이지에서 최신 소스 다운로드가 가능 하고,사용법은 아래의 API 메뉴얼을 살펴 보시면 되겠습니다.https://nhn.github.io/tui.tree/latest/Tree 샘플은 https://nhn.github.io/tui.tree/latest/Tree 페이지에서 9가지를 제공 합니다.

dragSort.js는사용자가 드래그 앤 드롭을 통해특정 컨테이너의 항목을 재정렬할 수 있도록 하는사용하기 쉬운 jQuery 플러그인입니다. HTML 목록뿐만 아니라 플러그인은 테이블, DIV, 설명 목록, 양식 필드 및 상상할 수 있는 모든 것과 같은 거의 모든 HTML 요소를 지원합니다.다운로드 받은 파일의 압축을 해제후index.html 파일을 웹브라우저에서 열어보면 확인이 가능합니다.여러 목록 간에 항목을 드래그할 수 있습니다.사용자 지정 자리 표시자 템플릿입니다.요소를 무시할 수 있습니다.항목을 목록 밖으로 끌 때 페이지/컨테이너를 자동으로 스크롤합니다. 사용방법은 아래와 같습니다.

드래그 앤 드랍, 키보드로 탐색 가능하며,  트리 생성, 수정, 삭제가 가능하며, 체크박스등 다양한 기능이 지원 되는 js 입니다.https://www.jstree.com/사이트 하단에 보시면 순서대로 사용방법이 아주 친절하게 안내 되어있습니다.그 외에도 탭으로 JSON 데이터를 활용한 방법등도 안내 되어있으니, 사이트 방문하여 순서대로 진행해 보시면트리구조의 메뉴 구성을 쉽게 하실 수 있으실 겁니다.

심플하게 구동가능한 TOAST UI - Date Picker 입니다. 다양한 모양의 달력을 이용이 가능 합니다.https://ui.toast.com/tui-date-picker 제공되는 다양한 기능(스킨)은 아래 페이지를 통해 확인을 할 수 있습니다.https://nhn.github.io/tui.date-picker/latest/tutorial-example01-basic 최신 소스는 아래 페이지를 통해 다운로드가 가능합니다.https://github.com/nhn/tui.date-picker

마우스 우측 버튼을 클릭해서 메뉴를 오픈 할 수 있는 TOAST UI - Context Menu 입니다.홈페이지는 https://ui.toast.com/tui-context-menu 으로 접속시 확인이 가능 합니다.샘플 소스를 보면 간단하게 소스를 작성하여 이용을 가능합니다.https://nhn.github.io/tui.context-menu/latest/tutorial-example01-basic 자세한 API 사용방법은 아래 링크를 참고 바랍니다.https://nhn.github.io/tui.context-menu/latest/ContextMenu 최신 소스의 다운로드는 아래 페이지를 통해 할 수 있습니다.https://github.com/nhn/tui.context-menu

tabview는 iphone, ipad, android 등과 같은 모바일 장치용 콘텐츠의 탐색 가능한 탭 보기를 만들 수 있는 jQuery 및 jQuery 모바일 기반 구성 요소입니다.다운로드 받은 파일의 압축을 해제한 뒤example/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.사용방법은 아래와 같습니다.모바일 기기에서,위 그림과 같은 여러탭으로 컨텐츠를 구성하려고 할때 사용하면 좋겠네요.

jqClock.js는 현재 로컬 또는 서버 시간을 우아한 방식으로 표시하는사용자 정의 가능한 다국어 디지털 시계 jQuery 플러그인입니다.다운로드 받은 파일의 압축을 해제한뒤,index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.사용방법은 아래와 같습니다.