개발자의 끄적끄적

[javascript/jquery] 자바스크립트 카드번호 하이픈 표시 함수 javascript 에서 input 에 카드번호를 입력받았을때, 하이픈(-) 을 넣어주는 자바스크립트 함수 예제입니다. var card_val = "카드번호"; var tmp = ""; if( card_val.length < 4){ tmp += card_val; }else if(card_val.length < 8){ tmp += card_val.substr(0, 4); tmp += '-'; tmp += card_val.substr(4); }else if(card_val.length < 12){ tmp += card_val.substr(0, 4); tmp += '-'; tmp += card_val.substr(4, 4); tmp +..

[javascript/jquery] 특정날짜가 주말일때 가장빨리 돌아오는 평일 구하기 예제 자바스크립트에서 특정 날짜가 주말이면, 다음에 돌아오는 평일을 구하고 싶을때가 있어서, 찾아보고 만든 소스 공유합니다. var old_date = year + "-" + month + "-" + day; var week = new Date('2020-01-01').getDay(); if( week == 0 || week == 6 ) { switch(week) { case 0 : var new_date = new Date(old_date); new_date.setDate(new_date.getDate()+1); nextMonth = chg_date_format(new_date); break; case 6 : var ..

[javascript/jquery] Uncaught DOMException: Blocked a frame 해결방법 자바스크립트에서 Uncaught DOMException: Blocked a frame 이런 에러 발생시에 대부분 팝업에서 부모창을 못찾아서 문제가 되는 경우가 많더라구요. 그럴때 해결할 수 있는 방법입니다. 위와 같이 팝업(자식)창에 스크립트를 추가해줍니다. 그리고 부모창에는 아래와 같은 내용을 추가해줍니다. window.addEventListener('message', function(e) { // 자식창에서 넘겨온 변수 출력 console.log(변수명1); console.log(변수명2); }); 이렇게 부모창과 자식창에 코드를 추가해주면 데이터가 잘 넘어갑니다 그리고!! 자식창에 추가..

[javascript/jquery] 자바스크립트 특정요일 구하기 예제 자바스크립트에서 현재 요일 혹은 특정날짜의 요일을 구하고 싶을때가 있습니다. 그럴때 Date 함수와 .getDay() 를 사용하면 됩니다. 아래는 위 두함수를 이용하여 특정날짜의 요일을 구하는 예제입니다. new Date('2020-01-01').getDay(); console.log 를 통해서 위 예제를 찍어보면 0~6 사이의 숫자가 출력될껍니다. 0 - 일요일 1 - 월요일 2 - 화요일 3 - 수요일 4 - 목요일 5 - 금요일 6 - 토요일 이런 의미입니다. 참고하세요!

[javascript/jquery] 자바스크립트 휴대폰번호 형식 정규식 javascript 에서 휴대폰번호를 하이픈을 포함하여 변환해주는 정규식입니다. var exp = /^\d{3}-\d{3,4}-\d{4}$/; 휴대폰 번호를 입력받은 input 에서 onkeypress 나 onkepdown 같은 이벤트로 제어하시면 됩니다. 참고하세요!

[javascript/php] 자바스크립트 변수에 php 배열 저장하기 javascript 에서 php로 부터 넘겨받은 배열을 변수에 저장하는 방법입니다. var arr_data = ; 위내용 보시면 아시겠지만, php 에서 $ar 라는 배열을 페이지로 넘기고 javascript 에서 그 배열을 json_encode 해서 arr_data 라는 변수에 저장하는 내용입니다. 참고들하세요!

[javascript/jquery] jquery .html() 과 .text() 사용법과 차이점 jquery 에서 특정 타겟의 내용을 뽑아오고 싶을때 사용하는 함수가 .html() 과 .text() 입니다. 비슷하지만 약간의 차이가 있습니다. 아래는 .html() 기본 사용법입니다. $("타겟").html(); .html() 은 타겟으로 지정된 노드의 내용을 html 형식으로 태그를 포함해서 추출해 줍니다. 아래는 .text() 기본 사용법입니다. $("타겟").text(); .text() 는 타겟으로 지정된 노드의 내용을 html이 아닌 text 형식으로 태그를 제외 하고 추출해 줍니다.

[javascript/jquery] jquery 특정 노드 갯수 및 특정 노드 찾기 jquery에서 특정 노드의 갯수를 구하거나, 특정 노드중 특정 순번에 있는 노드를 찾으려고 하는 경우에 사용하는 방법입니다. 우선 특정 노드의 갯수를 구하는 방벙입니다. $대상.length; 특정 노드중 특정 순번에 있는 노드를 찾으려고 하는 경우에 사용하는 방법 $대상.eq(index); 위 내용들을 보시면 다들 아시겠지만, $대상 이라고 하는 부분은 $("#아이디") $(".클래스") 처럼 선언해서 사용하시면 됩니다! 참고하세요!