web developer👩🏻‍💻

jSignature는 브라우저 창에서 서명 캡처 필드 생성을 단순화하여 사용자가 마우스, 펜 또는 손가락을 사용하여 서명을 그릴 수 있도록 하는 JavaScript 위젯(jQuery 플러그인) html 소스  팀원 0 : 서명 팀원 1 : 서명 ..

드래그 앤 드롭 API를 사용하면 HTML 임의의 요소에 드래그한 파일 처리가 가능하다. dragenter 박스 안에 Drag 들어왔을 때 dragover 박스 안에 Drag를 하고 있을 때 dragleave 박스 밖으로 Drag가 나갈 때 drop 박스 안에서 Drag를 Drop했을 때 $(function(){ // drag and drop test를 위함. var uploadBox = document.querySelector('#divID'); // 파일 담아줄 input 객체 필요없음 // event.dataTransfer.files 여기에 drop한 파일의 정보가 담김 /* 박스 안에 Drag 들어왔을 때 */ uploadBox.addEventListener('dragenter', function..

for in : 객체의 프로퍼티명을 열거하는 반복문 1. 프로퍼티를 열거하는 순서 위의 예제 코드 중 객체 리터럴 식에 쓴 것에 대한 결과값이 순서대로 나오기는 하였지만 객체 리터럴에 쓴 순서대로 열거되지 않습니다. 다시말해서 순서가 보장되는 것이 아닙니다. 원래 프로퍼티 간에는 순서가 없는 것으로 순서를 의식하는 것 자체가 잘못된 것입니다. 한편, 배열의 경우는 순서를 의식하는 데이터타입입니다. 위의 배열 코드에서도 마찬가지로 기대한 순서를 보이고는 있지만 for in 문은 순서를 보장하지 않기 때문에 이 같은 동작 방식에 지나치게 의존해서는 안됩니다. 2. 열거할 수 없는 프로퍼티의 존재 두번째로 주의할 점은 for in 문에 나열할 수 없는 프로퍼티의 경우입니다. 예를 들어, 배열 객체에는 leng..

jstree : jQuery 기반으로 트리형식의 구조를 지원해 웹에 출력을 도와주는 라이브러리 jstree, jquery 스크립트 및 css 1. node가 loaded 되었을때 실행 - $('#jstree').on('loaded.jstree', function (e, data) { }); 2. node가 change 되었을때 실행 - $('#jstree').on('changed.jstree', function (e, data) { }); 3. node가 select 되었을때 실행 - $('#jstree').on('select_node.jstree', function (e, data) { }); 모든 node 열기 : $('#jstree').jstree('open_all'); select_node : 특..

은 태그의 여러 항목들을 그룹으로 묶어야 할 때 사용한다. lable 속성을 이용하여 그룹의 제목을 그룹의 제목을 붙일 수 있으며 의 필수 속성이다. ::선택하세요:: 작은그룹1-1 작은그룹2-1 작은그룹3-1 작은그룹2-1 작은그룹2-2 작은그룹2-3 작은그룹2-4

function properties_K(properties){ for(key in properties){ var value = properties[key]; if($.isNumeric(value)){ value = Number(value).toFixed(2); } } } properties 값은 object로 key value값이 들어가있다. $.isNumeric()로 value값이 숫자인 key만 걸러준다.

1. .replace(/(^0+)/, ""); 정규식 사용. var num = '000010111200'; num.replace(/(^0+)/, ""); result : 10111200 2. Number() 함수 사용. ( = 문자열을 숫자로 반환하는 함수) var num = '000010111200'; Number(num); result : 10111200 * JavaScript 에서 숫자가 아닌 값에 Number()함수를 수행할 경우 NaN이 출력 = NaN(Not-A-Number)

문자 코드를 기준으로 문자를 코드로 변환하는 것을 문자 인코딩(encoding) 코드를 문자로 변환하는 것을 문자 디코딩(decoding) encodeURI() : 주소에서 사용하는 :, ;, /, =, ?, & 등을 제외하고 인코딩하는 함수 encodeURIComponent() : 모든 문자를 인코딩하는 함수 decodeURI() : encodeURI로 인코딩한 문자열을 디코딩하는 함수 decodeURIComponent() : encodeURIComponent()로 인코딩한 문자열을 디코딩하는 함수 URI https://truecode-95.tistory.com?true=코딩 encodeURI https://truecode-95.tistory.com?true=%EC%BD%94%EB%94%A9 decod..

$('').append().css(stylename, 적용style); var layerInfoText = ""+layerTitle+""; $('.ol-popup .info_layer .tab_cont #tab1').append(layerInfoText).css('pointer-events','none'); .css(stylename, 적용style);

script css ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px soli..