아무거나

Javascript var, let, const 차이점 Key Point var, let: 변수를 선언하는 키워드이다. const: 상수를 선언하는 키워드이다. Example Code // 1. var는 값을 재 할당 가능하다. var name = "test"; name = "test2"; // 2. let은 var처럼 재 할당이 가능하다. let score = "1"; score = "2"; // 3. const는 값 재할당이 불가능하며 선언과 동시에 리터럴 값을 할당해야 한다. const PI = "3.14"; let, const는 ECMA6에 도입된 키워드이며 var 타입으로 인한 혼동을 방지하기 위하여 만들어 졌다. var 타입의 혼동이 일어나는 이유에 대해선 아래를 참고하자. var는 변수명을 ..

$("#id").next(): 선택한 요소의 다음 요소를 선택 $("#bong").next(); // id값이 bong인 요소의 다음 요소를 선택 $("#bong").next().attr(’name’); // d값이 bong인 요소의 다음 요소의 name값을 가져옴

$([attribute^='value']): 원하는 속성의 이름을 찾고자 하는 문자열이 포함되어있으면 검색 // input tag에 name안에 bong이라는 문자열을 포함한 속성을 찾아 "bong here!"값을 전달하자.

Jquery를 활용한 Loading Bar 구현 Jquery를 활용하여 Ajax와 같은 통신을 할 때 loading bar 표시와 hide를 할 수 있는 기능을 구현 로딩바 표시 function showLoadingBar() { var maskHeight = $(document).height(); var maskWidth = window.document.body.clientWidth; var mask = ""; var loadingImg = ''; loadingImg += ""; loadingImg += " "; loadingImg += ""; $('body').append(mask).append(loadingImg); $('#mask').css({ 'width' : maskWidth , 'height'..

HTML5에서는 클라이언트측에 저장하는 2개의 객체를 제공한다. 하나의 세션 단위로 데이터를 저장하는 SessionStorage와 만료 기간이 없는 LocalStorage가 있다. 사용법은 아래 코드를 참고하자.- LocalStorage ``` localStorage.setItem('foo', 'bar'); localStorage.getItem('foo'); // "bar"를 출력 localStorage.removeItem('foo'); // "foo" 키를 지운다. localStorage.clear(); // 모두 지운다. localStorage.length; // 저장된 키의 개수 localStorage.key('bar'); // "foo"를 출력 -> 즉, 값으로 키를 찾음 ``` - Session..

크롬 보안이슈로 인하여 대량 데이터를 내려받을때 네트워크 오류가 생긴다. 이에 대해 해결하려면 아래와 같이 코드를 작성하자. (Blob 를 사용) [샘플 데이터]seq,cate_mst_cd,partner_id,wmp_vendor_id,category1,category2,category3,category4,use_yn 483,00300500C2DA968,4,WMP_tOV3ybegFU,"리빙","가구","소파","패브릭소파",Y 484,00300500C2DA968,9,WMPWcEbI5hvVif,"가구/침구/인테리어","거실/침실가구","소파","패브릭소파",Y 485,00300500C2DA968,10,WMPEJXJQFPlG0C,"가구","소파/거실가구","소파/디자인체어","패브릭소파(1인용)",Y 486,..

회원가입을 할 때 가입폼에서 패스워드 정책이나 아이디 가입정책등이 필요한 경우가 있다. 이 경우 자바스크립트로 구현한 소스를 참고하자. [HTML] [스크립트]var login = { init: function () { }, noSpaceCheck: function (obj) { var str_space = /\s/; if(str_space.exec(obj.value)) { alert("해당 항목에는 공백을 사용할수 없습니다.\n\n공백은 자동적으로 제거 됩니다."); obj.focus(); obj.value = obj.value.replace(' ',''); return false; } }, memberReg: function () { var loginId = $('#loginId').val(); va..

1. isNaN - 해당 함수를 사용하면 값이 숫자가 아니라면 true 맞다면 false를 리턴한다. 즉, 값이 숫자인 애들을 true로 반환하려면 반대로 선언해야 한다. (ex : !isNaN( vlaue ) !isNaN( "-10" ) // true !isNaN( "+10" ) // true !isNaN( "0" ) // true !isNaN( "0xFF" ) // true !isNaN( "8e5" ) // true !isNaN( "3.1415" ) // true !isNaN( "0144" ) // true !isNaN( ".423" ) // true !isNaN( "" ) // true !isNaN( "432,000" ) // false !isNaN( "23,223.002" ) // false !i..

1. 텍스트 박스에 시간을 HH:MM 형태로 입력하는것을 자동으로 형식을 맞춰주고 잘못된 입력에 대한 예외처리를 하기 위함.2. HTML5의 은 미 사용

태그에 이미지를 첨부할 때 첨부한 이미지를 미리보고 싶을경우에는 서버에서 작업할 필요없이 클라이언트측에 바로 이미지를 표시하는 스크립트를 알아보자. (크롬기준) 1. 코드 2. 확인* 위와 같이 이미지가 미리보기료 표시된다. * 위의 내용은 크롬기준이며 그 외 브라우저 기준중 대표적인 Microsoft 전용 스크립트는 아래와 같다. ( 출처 : https://stackoverflow.com/questions/1887519/how-to-preview-an-image-before-upload-in-various-browsers ) function preview(what) { if(jQuery.browser.msie) { document.getElementById("preview-photo").src=what..