개발자의 끄적끄적

[javascript/jquery] 자바스크립트 시계 타이머 함수 및 예제 javascript 에서 시계를 숫자로 표시하고자 할때, 즉 00:00:00 의 형식으로 시계를 표현하고 싶을때 아래 함수를 활용하시면 됩니다. function setTimer(){ var time = new Date(); var hour = time.getHours(); var minutes = time.getMinutes(); var seconds = time.getSeconds(); if( minutes.toString().length == 1 ) { minutes = "0"+minutes; } if( seconds.toString().length == 1 ) { seconds = "0"+seconds; } $("TARGET..

[javascript/jquery] jquery display 옵션 확인 및 제어 방법 jquery 에서 특정 타겟의 display none 여부를 체크하고 결과에 따라서 show / hide 를 제어하고 싶을때가 있습니다. 그럴때 아래 방법으로 하시면 됩니다. if ( $('TARGET').css('display') === 'none' ) { // display none } else { // display show } 위 내용 보시면 아시겠지만, TARGET 의 css 중 display 옵션이 none 으로 일치하면 hide 상태이고 그외의 경우는 show 상태입니다. 각각에 맞는 로직을 구현하시면 됩니다! 참고들 하세요!

[javascript/jquery] jquery hasClass 사용법 및 예제 jquery 에서 특정 아이디 혹은 이름을 가진 태그에서 특정 클래스 명을 가지고 있는지를 확인하는 방법입니다. $("타겟").hasClass("클래스명"); 위 내용처럼 hasClass 를 이용하여 있는지 확인할 수 있습니다. 결과는 boolean 형태로 true / false 가 나옵니다! 참고들 하세요!

[javascript/jquery] jquery 화면 캡처 라이브러리 사이트[링크] jquery 라이브러리들이 유용한것들이 참 많이 있는데요! 그중에서 현재 브라우저의 화면을 캡쳐하는 라이브러리가 있습니다! 저도 사이트가서 데모 실행해보고 너무 실용적일 수 있다는 생각에 공유하고자 링크 공유하고자 합니다! 아직 사용은 못해봤지만, 조만간 프로젝트에 사용해보려고 합니다! 참고들 하시구요! 아래 링크 가셔서 확인해보세요! 화면 캡쳐 라이브러리 링크 : html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the cu..

[javascript/jquery] 자바스크립트 !! 연산자 사용법 및 예제 javascript 연산자 중에서 !! 라는 연산자가 있습니다! 입력받은 값을 boolean 형태로 변환해서 출력해주는 연산자입니다. !! 아래는 예제입니다. console.log(!!0); // false console.log(!!1); // true 위 내용 보시면 아시겠지만, 0 은 false 로 1 은 true 로 변환해줍니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 아이디 체크 정규식 (영문/숫자만) javascript 에서 회원 가입을 받거나 아이디를 입력받는경우 정규식으로 영문 혹은 숫자만 가능하게 해야합니다. 그럴때 아래 정규식을 이용해서 체크하시면 됩니다. var id_regExp = /^[A-Za-z0-9+]*$/; 위 내용 그대로 적용해서 체크하시면 영문 숫자만 입력받는게 가능합니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 비밀번호 체크 정규식 (영문/숫자/길이) javascript 에서 비밀번호를 체크하는 정규식입니다. 영문과 숫자 / 길이를 체크하는 정규식입니다. var regPwd = /^(?=.*[a-zA-Z])(?=.*[0-9]).{6,16}$/; 비밀번호 체크하실때 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 입력문자열 길이 체크 함수 javascript 에서 여러가지 항목을 입력받을때 글자수를 체크하는 경우가 있습니다. 그럴때 공통적으로 사용할수 있는 함수를 공유하고자 합니다. function chk_length(id, len) { var chk_str = $("#" + id).val(); if( chk_str.trim() != "" ) { var chk_len = chk_str.length; if( chk_len > len ) { alert(len + "자 내로 입력해 주세요."); chk_str = chk_str.substring(0,len); } } $("#" + id).val(chk_str); } 위 내용 보시면 아시겠지만, chk_length 라는 함..