목록JavaScript (6)
하는 데 의의를 둬春
나는 Online Builder로 내가 원하는 기능을 추가해서 라이브러리를 받기로 했다. https://ckeditor.com/ckeditor-5/online-builder/ CKEditor 5 Online Builder | Create your own editor in 5 steps Create your own CKEditor 5 build with customized plugins, toolbar and language in 5 simple steps. ckeditor.com 먼저 에디터 타입을 고른다. 가장 기본적인 타입인 Classic을 골랐다. 다음으로 사용할 플러그인을 선택한다. Alignment : 왼쪽, 가운데, 오른쪽 정렬 Auto Image : URL 또는 파일로 이미지를 삽입 Auto..
프로젝트에 이미 lightbox 플러그인이 적용된 상태였는데 이미지 확대/축소 기능 추가 요청이 들어왔다. 다른 플러그인으로 바꿀 자신이 없어 Hammer.js를 사용해 어찌저찌 기능을 추가했다...😢 [목표] 두 손가락으로 이미지 줌(확대/축소)가 가능할 것 확대 후 pan을 이용해 두 손가락으로 이미지 탐색이 가능할 것 원래 이미지 크기보다 축소되지 않을 것 swipe 시 이미지가 움직이지 않고 이동 될 것 Hammer.js 홈페이지 메인에 있는 스크립트를 긁어 참조했다. http://hammerjs.github.io/ Hammer.JS - Hammer.js hammerjs.github.io 이벤트를 적용할 이미지는 반드시 css에서 touch-action을 none으로 지정하자. 안그럼 pinch ..
$('#btn-id').click(function() { // 안됨 }); $('#btn-id').on('click', function() { // 안됨 }); ////////////////////////////////////////////// $(document).on('click', '#btn-id' function() { // 됨 });
검색 " + data.text +" // 검색 기능 $('#keyword').on('keyup', function(e){ $('ul > li').each(function() { var text = $(this).find('#text').text(); var keyword = $('#keyword').val(); if(text.indexOf(keyword) == -1) { $(this).css('display', 'none'); } else { $(this).css('display', ''); } }) });
IBSheet로 유지보수 중, 동기 처리를 위해 콜백함수를 써봤는데 아무리 해도 SetCellValue가 먼저 실행된다. 뭐가 잘못된걸까...^^...(물어볼 사람 없음) function addName(objSheet, newRow, callback) { objSheet.SetCellValue(newRow, "NAME", "홍길동"); callback(); } addName(objSheet, newRow, function(objSheet){ doSaveSheet(objSheet); }); 학원에서 ES6 문법을 가르쳐주지 않기도 했고 하필 실무에서도 쓸 일이 없어 멀리했던 Promise함수를 사용해보았다. function addMaster(objSheet, newRow) { return new Promi..