개발자의 끄적끄적

[javascript/jquery] setInterval 사용법 및 예제 프로젝트를 하다보면 입력이 없을시, 일정시간 후 페이지를 전환하는 일이 빈번히 있습니다! 그떄 사용할수 있는 샘플 코드를 올려봅니다! 그냥 가져가 쓰셔도 되구요! 입맛에 맛게 수정하시면 더 좋겠죠! $(document).ready(function() { setInterval("calc_time()", 1000); }); var sec = 0; function calc_time(){ sec += 1; if( sec >= 60 ) { window.location.href = "이동시킬 url"; return; } } 위 소스 보시면 아시겠지만, 페이지가 뜬 후에 setInterval 함수를 이용하요 1초마다 calc_time 라는 함수..

[javascript/jquery] .prepend() 사용법 및 예제 jquery .prepend() 기본 사용법입니다. $(대상).append(내용) 아래와 같은 태그가 있다고 가정하고 aaa 아래 처럼 작성하고 실행하면 $("#id_ul_list").prepend("bbb"); bbb aaa 이런 결과가 나오게 됩니다. prepend() 는 특정 타겟의 요소 맨 앞에 표시하고자 하는 내용을 붙여줍니다! 앞서 올렷던 append() 와 사용법은 완전 동일하지만 맨앞에 붙이느냐 맨 뒤에 붙이느냐의 차이입니다! 참고들하세요!

[javascript/jquery] jquery .append() 사용법 및 예제 jquery .append() 기본 사용법입니다. $(대상).append(내용) 아래와 같은 태그가 있다고 가정하고 aaa 아래 처럼 작성하고 실행하면 $("#id_ul_list").append("bbb"); aaa bbb 이런 결과가 나오게 됩니다. append() 는 특정 타겟의 요소 맨 마지막에 표시하고자 하는 내용을 붙여줍니다! 참고들하세요!

[javascript/jquery] canvas to image 방법 javascript에서 canvas 에 있는 내용을 img 태그로 뽑아 내고 싶을때 하는 방법입니다. 우선 위와 같은 태그가 있다고 가정하고, var img_view = document.getElementById('img'); img_view.src = canvas.toDataURL(); canvas.toDataURL() 로 canvas 에서 뽑아낸 내용을 img 태그가 담겨있는 img_view 에 src 로 넣어주면 됩니다. 엄청 간단합니다! 하지만 여기서 !! 크로스브라우징 이슈 (CROS) 들이 생겨나는 경우가 많습니다. 이부분은 아직 뾰족한 해결책은 못찾았습니다.. 찾는대로 바로 공유하겠습니다! 참고하세요!

[javascript/jquery] 자바스크립트 splice 예제 javascript 에서 배열의 특정 인덱스를 제거하는 방법입니다!!! var str_arr = ['a','b','c']; str_arr.splice(2, 1); console.log(str_arr); // 결과는 [a,b] 위 예제를 보시면 아시겠지만 splice를 이용하여 인덱스가 2인값 즉, 3번쨰 값 하나만 날리는 경우를 나타내는 예제입니다! 테스트 몇번 해보시면 금새 감이 오실껍니다! 참고하세요!

[javascript] 자바스크립트 텍스트를 json 바꾸는 방법 가끔 아주 가끔이지만.... 형태만 json 이고 완전 문자열이 넘어오는 경우가 있습니다. 이럴때 꼼수이지만, 아래처럼 처리하면 어떤까 해서 올려봅니다! 정석은 아니예요! 이건 단순 하나의 json 일때이고, 많은양이 들어올때는 거기에 맞는 replace를 실행해줘야 합니다! 참고들하세요! var str = '{name:val}'; console.log(str); var json_str = str.replace('{','{"'); json_str = json_str.replace(':','":"'); json_str = json_str.replace('}','"}'); console.log(json_str); var json_arr = J..

[javascript/jquery] 각종 정규식 모음 특수문자 / 문자 / 숫자 포함 형태의 8~15자리 이내의 암호 정규식 var regex = /^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/; 숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식 var regex = /^[A-Za-z0-9]{6,12}$/; 이메일 정규식 var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; 핸드폰번호 정규식 var regExp = /^\d{3}-\d{3,4}-\d{4}$/; 일반 전화번호 정규식 var regExp = /^\d{2,3}..

[javascript/jquery] 자바스크립트 휴대폰 번호 하이픈(-)기호 자동 삽입 [펌] 자바스크립트 휴대폰번호 자동 완성 소스를 검색하던 중! 딱 좋은 소스가 있어서 해당 부분만 퍼왔습니다! 참고들하시구요! 출처는 아래 있으니 확인해보세요! 휴대폰 번호를 입력해 주세요 출처 : magic.wickedmiso.com/61