GT's Funny Coding

Bootstrap의 carousel은 순수 슬라이드만 지원한다.css와 js를 이용하여 커스텀하게 변경하려면 생각보다 폼이 많이들고, 충돌되는 부분이 많기에 다른 라이브러리를 알아봤다. 아래와 같은 사항을 염두하여 리서칭 했다.1. 기존 코드와 충돌이 없을 것 (bootstrap 등)2. 커스텀이 가능할 것3. MIT 라이센스일 것4. 의존성이 없을 것 (jquery 등) 니즈와 딱 맞는 라이브러리를 발견했다.(https://github.com/benkimo6i/vanilla-js-carousel) 해당 Repository를 Fork하여 입맛에 맞게 커스텀했다.(https://github.com/vip00112/vanilla-js-carousel) 변경한 내용은 아래와 같다.1. 기존 코드와 충돌하지 않..

ckeditorUploadAdapter.js 파일 추가 class UploadAdapter { constructor(loader, t) { this.loader = loader; this.t = t; } upload() { return new Promise((resolve, reject) => { const reader = this.reader = new FileReader(); reader.onload = function () { resolve({ default: reader.result }); }; reader.onerror = function (error) { reject(error); }; reader.onabort = function () { reject(); }; this.loader.file..

input태그를 이용한 플러그인인 datepicker를 쓰면서 시간까지 설정해야 하는 경우가 있다. 고맙게도 기존의 datepick를 이용한 datetimepick 플러그인이 존재한다..!! - 파일 다운로드 - 코드 1) CSS 파일 load 2) js파일 load 및 설정

보안문제로 인하여 Server Client의 통신이 쿠키는 잘 사용되지는 않지만(사용자가 Client단에서 얼마든지 변경 가능하기 때문) 부득이하게 쓸일이 생겨 정리 해둔다. // 쿠키 생성 function setCookie(name, value, expiredays) { var cookie = name + "=" + escape(value) + "; path=/;" if (typeof expiredays != 'undefined') { var todayDate = new Date(); todayDate.setDate(todayDate.getDate() + expiredays); cookie += "expires=" + todayDate.toGMTString() + ";" } document.cookie..

http://trentrichardson.com/projects - jQuery UI인 datepicker에 timepicker를 AddOn - 커스텀 메시지박스 - 이미지,동영상 전체보기 등등 유용한 jQuery 플러그인 프로젝트를 소개해주는 사이트.