본문 바로가기

프론트엔드

숫자 뒤 % 붙이기. 숫자 입력 시 콤마(,) 또는 %나 특정 기호를 붙여줘야 할 때가 있다. $( object ).keyup(function(e){ // 현재 입력값에서 공백 떼고, % 떼고 , if) 1 %5 > 15 var oldValue = $(this).val().replace(/\s/g, '').replace(/\%/g, ''); var rate; // back space if(e.which == 8){ // if) 15 > 1 rate = oldValue.substr(0, oldValue.length - 1); } else { rate = oldValue; } rate = (rate == '') // if) 5 %에서 백스페이스 누른 경우 rate 값은 빈 string ? '' // 화면에 공백 보여주고 : ra..
숫자 외 몇몇 키 만 입력받기 numbers, -, home, end, left arrow, right arrow, backspace 등 특정 키만 입력받기.. $( object ).keypress(function(e){ var key = e.which; // 누른 key code if((key >= 48 && key
String to Date 자바스크립트에서 String을 Date로 바꾸는 코드는 크게 2가지가 있다.1번 var src = '2018-11-29'; var values = src.split('-'); var date1 = new Date(values[0], Number(values[1])-1, values[2]); console.log( date1.toISOString() ); // 2018-11-28T15:00:00.000Z console.log( date1 ); // Sat Nov 29 2018 00:00:00 GMT+0900 2번 var src = '2018-11-29'; var date2 = new Date(Date.parse(src)); console.log( date2.toISOString() ); // 2018-11..
Eclipse에서 SVN Connector 설치 안되는 현상.. Market에서 SVN을 설치한 후 restart 하면 Connector 설치 창이 떴었는데 Oxygen 부터는 그게 안뜨더라.. [Window - Preferences - SVN - SVN Connector] 에서 connector 설치가 가능한데 문제는... 오류로 창이 닫힌다는 것... 마켓 플레이스에서 확인해 보니 이클립스 버그이고... This is the official info from the Subversive team regarding the installation problem that happens on Oxygen.The problem happens due to the issues in Eclipse Installation Wizard. We've reported the corres..
jVectorMap - 나라별 코드로 마커 표시하기.. (일부) (왜.. 자동 배포가 꺼져있는지 아리송... 매일 새벽에 자동배포 되게끔 되어 있는데.. 음... ) 위/경도를 미리 설정하여 마커를 표시하는건 간단하다. 국가(또는 지역)의 정중앙에 마커를 표시하게 되면 따로 마커를 설정할 필요가 없어서 시도해보았다. 결과를 보면 절반의 성공이다.... 위도 계산이 안맞다;; 경도는 어찌해서 맞추었는데 위도는 못맞추겠다.. 그리고.. 이게 부질없다고 느끼게 한 나라는.. 프랑스(FR)이다 프랑스는 남아메리카에도 영토가 있다;; 프랑스 정중앙에 마커를 표시하면 대서양에 마커가 찍힌다.. 고로.. 그냥 마커로 표시하는게 좋을듯하다는게 결론... 국가코드에 KR, US, FR, CA, CN, RU, JP, AU 등등... Result 크게 보기 : http://jyeory...
Object to XML var nodeName = ''; function makeXml(element, str) { $.each(element, function(key, sub){ if( sub instanceof Object){ if ( sub instanceof Array ){ $.each(sub, function(idx, data){ str += makeXml(data, ''); str += ''; }); } else{ nodeName = ''; str += makeXml(sub, nodeName); str += ''; } } else{ var value = sub; if(key == 'text'){ str += (value==null)?'':value; } } }); return str; } var headerSet =..
MapShaper Shape 파일을 열어서 해안선이 실측지도 처럼 나타나는 상황에서 jVectorMap으로 변환할 경우 IE8 이하에서 스크립트 엔진이 멈출 수 있다. 아래는 실측 해안선 일 경우 QGIS에서 확인한 폴리곤 포인트이다. 위 처럼 포인트가 많을 경우 SVG로 변환할 Path도 많아지므로 VML로 그리다가 멈춘다. 이를 위해 포인트를 정리해주어야 하는데.. 주위 GIS 개발자에게 물어본 결과 ArcGIS를 이용하여 단순화 할 수 있다고 한다. 그러나 너무 어렵다! 어디 들어가야하는지도 모르겠거니와... 방법도 모르겠고... 구글에서 찾다보니 아래 사이트가 있다. mapshaper 저 사이트가 날 살렸다. 웹상에서 슬라이더 조작만으로 포인트를 줄일 수 있다. 아래처럼.... 위 포인트는 눈으로 셀 수 있을만큼 ..
자바스크립트 Array remove ● 값으로 지우기 Array.prototype.removeByValue = function() { if(!Array.prototype.indexOf) { Array.prototype.indexOf = function(what, i) { i = i || 0; var L = this.length; while (i < L) { if(this[i] === what) return i; ++i; } return -1; }; } var what, a = arguments, L = a.length, ax; while (L && this.length) { what = a[--L]; while ((ax = this.indexOf(what)) !== -1) { this.splice(ax, 1); } } return this..