본문 바로가기

자바스크립트(jquery)

(21)
javascript 백슬래시 처리 //백슬래시 뒤에 \ 추가 tartgetString.replace(/\\/g,"\\\\"); //백슬래시 제거 tartgetString.replace(/\\/g,""); 백슬래시를 문자열처럼 추가하기 위해서 윗처럼 추가하여 사용 제거하는 경우는 아래처럼 사용
javascript 파일다운로드 다운로드 받을 파일경로를 알고있을 경우 script로 파일 다운로드 코드 /** * @param uri 다운로드 파일 경로 * @param name 다운받을 파일 명 */ function fileDownload(uri, name){ let link = document.createElement("a"); link.setAttribute('download', name); link.href = uri; document.body.appendChild(link); link.click(); link.remove(); }
각종 정규식 체크 회원가입이나 주민번호, 이메일체크 등 에 사용 할 정규식 모음 let name_reg_exp = /^[a-zA-Z가-힣]+$/; //이름 체크 영어 대소문자 및 한글만 허용 let id_reg_exp = /^[a-z][a-z0-9]{3,15}$/; //아이디 체크 영어 대소문자 및 숫자만 허용, 길이 3~15자 제한 let pw_reg_exp = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}/; //비밀번호 체크, 영어 대문자와소문자 하나 이상, 숫자 하나 이상, 특수문자 하나이상, 최소8자 let nick_reg_exp = /^[a-zA-Z가-힣0-9]+$/; //닉네임 체크 영어 대소문자, 한글, 숫자 허용 let acc..
input박스 숫자만 입력설정 방법 결론부터 얘기하자면 3번 방법인 replace함수를 사용하는게 가장 좋다고 생각한다 ​ 1. input 박스 type을 number로 설정 가장 심플하지만 애매하다. 브라우저에 따라 input 박스에 증감 버튼이 생긴다. 맘에 안듬. 2. 입력된 key값 체크 키 이벤트를 체크하여 텍스트 입력을 받는 방법이다. 1번 방법의 단점은 복사 붙여넣기를 캐치할 수 없다는 점. 2번 방법은 숫자가 순간 보였다가 사라진다는 점. ​ 3. oninput 이벤트 이용, replace와 정규식 활용 oninput 은 input의 값이 변경될 때 발생한다. oninput 이벤트 발생시 value값을 정규식과 replace 함수를 사용하여 바꿔준다. 복사 붙여넣기도 걸러 낼 수 있어서 가장 애용하는 방법이다. /[^0-9...
주민/외국인 등록번호 검사 // 주민/외국인 등록번호 검사 function validRegistrationNumber( rn, type ) { rn = rn.split("-").join(''); if( rn.length !== 13 ) return false; let checkSum = 0; for(var i=0; i>0)*((i%8)+2)); let rrnMatch = (11-(checkSum%11))%10 == rn.substr(12,1); let frnMatch = (13-(checkSum%11))%10 == rn.substr(12,1); if( type === 'rrn' ) return rrnMatch; else if( type === 'frn' ) return frnMatch; else return rrnMatch || ..
라디오버튼 check속성 라디오버튼의 선택을 변경할 때 생겼던 일이다. 버튼을 눌러서 라디오버튼을 추가하는 간단한 작업을 진행했는데 분명 페이지의 소스상에서 radio버튼 속성에 checked가 있음에도 불구하고 라디오버튼은 선택되지않은 채 추가되는 상황이 반복되었다. ​ 그 이유는 기존 checked가 기본적으로 붙어있는 라디오버튼을 복사하여 이름만 바꿔 붙여넣는 상황때문에 발생하였다. ​ 왜인지는 정확히 모르겠지만 check 속성이 들어가있는 상태에서 태그를 복사하여 javascript로 html에 추가하게 되면 화면에서는 선택이 안된 상태로 라디오가 추가 되는 것이였다. var row = $('.row_perform').last().clone(); $(row).find("input:radio[name*='file_"+cnt..
화살표함수(Arrow Function) 일반적으로 함수를 사용할 때 function() 을 사용하는데 어느순간부터 () => 이런 식의 함수가 보이기 시작했다. 화살표함수라고 불리는 함수선언 방식인데 일반함수를 더 간결하게 표현하기 위해 개발되었다고한다. var a = function(){ return new Date(); } var a = () => { return new Date(); } var a = () => new Date(); 같은 함수 a를 일반함수 선언 방식과 화살표함수 선언 방식으로 나눠둔 예시이다. var a=10; var b = function(a){ return a*a; } var b = (a) => { return a*a; } var b = (a) => a*a; 인자가 있는 경우 var a=10; var b=20; va..
javascript var? let? const? 예전에 썼던 블로그를 보니 처음 코딩을 할 때는 막연히 var 도배를 했었구나... 다시 한 번 정리해보자 var javascript 예시들? 을 보면 꽤나 많이 보이는 선언 종류라고 생각한다. var name = 'bathingape' console.log(name) // bathingape var name = 'javascript' console.log(name) // javascript 이런식으로 변수 재선언시 오류가 나지않는다. 오류가 나지 않는게 왜 문제가 되느냐? 라고 하는 사람들이 간혹있다. 짧은 코드, 혼자만 사용하는 코드에서는 크게 문제될건 없다. 하지만 코드가 많아지고 여러 사람이 관리하게 된다면 어떻게 사용하게 될지 파악하기 힘들고 값이 바뀔 우려가 있다. 지금 생각해보면 코드가 길어..

반응형