개발자의 끄적끄적

[javascript/jquery] javascript 특수문자, 콤마, 마침표, 공백 제거 정규식 javascript 에서 문자열을 검증하다보면 영문 , 한글, 숫자 만 허용하고, 기타 문자는 모두 제거해야하는 경우가 있습니다. 그럴때는 아래와 같이 정규식을 이용하시면 됩니다. 우선 특수문자, 콤마, 마침표, 공백을 모두 제거하는 정규식은 아래와 같습니다. var reg_ex = /[`~!@#$%^&*()_|+\-=?;:'",.\{\}\[\]\\\/ ]/gim; 위 정규식을 이용하여, str 이라는 변수에 담겨진 문자열의 특수문자, 콤마, 마침표, 공백을 모두 제거하려면 아래와 같이 replace 를 이용하시면 됩니다. var result = str.replace(reg_ex, ""); 참고들 하세요!

[javascript/jquery] jquery focus out blur example jquery 를 다루다보면 특정 액션이 일어났을때 현재 포커스를 아웃시켜야 하는 경우가 있습니다. 그럴때는 blur 를 이용하시면 됩니다. 기본 사용법은 아래와 같습니다. 타겟.blur 해주면 되는데요! $('#TARGER_ID').blur(); 예를들어, input 의 Id 가 USER_ID 로 되어있고, 그 input 의 포커스를 아웃시키고 싶으면 아래와 같이 blur 를 사용하시면 됩니다! $('#USER_ID').blur(); 참고들 하세요!

[javascript/jquery] javascript parse query string example / 자바스크립트 쿼리 스트링 추출 방법 javascript 에서 현재 페이지로 넘어온 쿼리스트링 즉, 파라미터 값을 추출해야 하는 경우가 있습니다! 그럴때는 아래와 같이 URLSearchParams 를 이용하시면 됩니다! 우선 아래와 같이 url 에 파라미터가 keyword 라는 변수에 test 라는 값이 있다고 가정하고, http://aaa.com/search?keyword=test window.location 객체를 이용하여 search 값을 담아서 출력해보면! ?keyword=test 이렇게 출력됩니다! var search_str = window.location.search; console.log..

[javascript/jquery] 이미지 맵태그 반응형 적용방법 html 이미지안에 버튼을 클릭되게 하기 위해서는 맵태그를 사용해야 합니다! 반응형으로 구현하려면 여간 까다로운게 아닌데요! 반응형으로 맵태그를 지원하는 jquery 가 있어서 공유해보려고 합니다. 예를들어 아래와 같이 이미지와 맵이 있다고 가정하고, 이걸 반응형으로도 동작하게 하려면 아래와 같이 스크립트를 추가하시면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 지역 전화번호 하이픈 예제 javascript 에서 회원가입을 구현하다보면 사이트에 따라 지역번호를 포함한 전화번호를 입력받아야 하는 경우가 있습니다. 그럴때는 아래 함수를 이용하시면 됩니다! 우선 예를들어 아래와 같은 input 태그가 있다고 가정하고,

[javascript/jquery] 자바스크립트 사업자 번호 하이픈 예제 javascript 에서 회원가입을 구현하다보면 사이트에 따라 사업자 번호를 입력받아야 하는 경우가 있습니다. 그럴때는 아래 함수를 이용하시면 됩니다! 우선 예를들어 아래와 같은 input 태그가 있다고 가정하고,

[javascript/jquery] javascript 한글만 허용하는 정규식 javascript 에서 특정 input 에 한글만 입력받게 설정해야 하는 경우가 있습니다! 그럴때는 해당 input에 onkeyup 이벤트를 설정하고 정규식으로 처리가 가능합니다! 우선 예를 들어 아래와 같은 input 이 있다고 가정하고 이 input 에 onkeyup 이벤트로 정규식을 처리할 함수를 호출합니다. 그리고 정규식 함수는 아래와 같이 구성하면 됩니다! function chk_han(id) { var regexp = /[a-z0-9]|[ \[\]{}()?|`~!@#$%^&*-_+=,.;:\"'\\]/g; var value = $("#"+id).val(); if (regexp.test(value)) { $("#"+..

[javascript/jquery] javascript date calculate example / 자바스크립트 몇일 뒤 날짜 계산 예제 javascript 에서 y-m-d 형식의 특정 날짜를 받아서 몇일 뒤의 날짜는 계산해야 하는 경우가 있습니다. 그럴때는 아래와 같이 date 객체를 이용하시면 됩니다! 우선 예를들어, var dateString = "2022-01-01"; 위와같이 dateString 에 2022-01-01 이라는 날짜가 있다고 가정하고, 이날짜의 14일 뒤 날짜를 계산하고 싶으면 아래와 같이 setDate 를 이용해 변경해줍니다. var result1 = new Date(dateString); result1.setDate(result1.getDate() + 14); 그리고 이렇게 변..