개발자의 끄적끄적

[javascript/jquery] jquery 백그라운드 이미지 동적 변경 방법!  안녕하세요! 다시 본업으로 돌아와서, jquery 로 동적으로 특정영역의 백그라운드 이미를 변경하는 방법을 공유해보려고 합니다! 예를들어, 특정 사이트나 앱의 프로필 사진을 변경한다던가 하는기능에서 사용되니 참고하시면 도움이 되실듯 합니다! $("#test_div").css("background-image", "url(image_url)");  위 내용 보시면 아시겠지만, test_div 라는 영역이 있다고 가정하고, css 로  background-image 를 image_url 값으로 변경하는 내용입니다!

[jquery] datetimepiecker 예제  웹사이트를 개발하다보면 기간 검색은 필수 인데요! 그중에서 년월일만 검색할껀지 시간도 같이 검색할껀지 내용에 따라 약간 다릅니다! 이번에는  jquery datetimepicker 를 이용해서 시분초를 선택하는 예제입니다!  jQuery DateTimePicker Example   위 소스 잘 보시고 참고하시면 됩니다! 오늘도 화이팅하세요! ㅎㅎ

[javascript/jquery] url 체크 정규식  javascript 에서 url 을 입력받다보면 형식에 안맞아서 링크가 안되거나, 발송에 문제가 생기거나 하는 경우가 종종 발생합니다! 그럴때는 아래 정규식으로 체크할 수 있습니다! var urlRegex = /^(http|https):\/\/[\w\-]+(\.[\w\-]+)+[/#?]?.*$/;  체크하고자 하는 url 형식에 따라 조금 달라질 수도 있지만, 위 내용을 참고해서 체크하시면 도움이 되실듯 합니다! 참고들 하세요!

[javascript&jquery] datatable 페이징 영역 숨기는 방법  jquery datatable 를 이용하다보면 아래 이미지와 같이 pagination 영역이 노출됩니다!   위 영역을 제거하고 싶은 경우에는 datatable 를 생성하는 스크립트에서 아래 옵션을 추가해주시면 됩니다! bInfo: false,paging: false,bPaginate: false,  참고들 하세요!

[javascript/jquery] input type number 에서 숫자만 입력받게 하는 방법  html 에서  아래와 같이 숫자만 입력 받기 위해서 number 타입으로 선언해서 사용하고는 합니다! 하지만! 위와 같이 타입을 지정하면 숫자만 입력되는거 같아 보이지만, e, +, - 도 입력이 가능합니다! 그럴때는 onkeypress 나 onkeydown 속성을 추가해서 아래 함수를 이용해 정규식으로 숫자만 남게 처리하시면 됩니다! function num_only() { var reg = /[^0-9]/g; string = string.replace(reg, ""); return string;} 참고들 하세요!

[javascript/jquery] javascript 이메일 정규식  자바스크립트에서 여러가지 정규식중에 이메일 정규식을 통해 형식을 검증하다보면 @ 앞에 . 이 1개 이상 들어가서 안되는 경우가 종종 있습니다! 그럴때는 아래 정규식을 이용하시면 됩니다! /[a-z0-9]+@[a-z]+\.[a-z]{2,3}/ 참고들 하세요!   [javascript/jquery] assignment to constant variable 에러 해결방법[javascript/jquery] assignment to constant variable 에러 해결방법  javascript 에서 변수를 선언해서 사용하다보면 아래와 같은 에러가 발생하는 경우가 있습니다! Assignment to constant variable  위와 ..

[javascript/jquery] assignment to constant variable 에러 해결방법  javascript 에서 변수를 선언해서 사용하다보면 아래와 같은 에러가 발생하는 경우가 있습니다! Assignment to constant variable  위와 같은 에러가 발생하는 경우는 아래와 같은 경우일 텐데요!const a = "test";a = "test2";  const 로 변수를 선언해놓고, 해당 변수의 값을 재할당 하려는 경우입니다! 그럴때는 const 를 let 나 var 로 변경하시면 됩니다!  참고들 하세요!

[javascript/jquery] 자바스크립트 prompt 취소 체크 방법 / how to check cancel event in javascript prompt javascript prompt 를 이용해서 값을 입력받는 경우가 종종 있습니다! 그중에서 입력하지않고 취소를 눌렀을때를 체크해야하는 경우에는 아래와 같이 null 체크를 하시면 됩니다! var result = prompt("값을 입력해 주세요."); if (result === null) { return; } 기본적으로 prompt 는 취소버튼을 클릭시 null 결과에 담아서 반환하게 되어 있으니 그걸 이용해서 체크하시면 됩니다! 참고들 하세요!