자바스크립트(7)
-
일정 시간마다 반복 실행하는 함수, SetInterval() {}
자바스크립트를 사용하면서 많이 사용되는 함수 중 하나로 setInterval()이 있다. 많이 사용된다는 것은 그만큼 중요하기 때문일 것이다. 아래는 setInterval()을 무엇인지 알아보고 어떻게 구현하는지 예제를 통해 알아보려한다. # setInterval 사용방법아래는 setInterval()을 사용하는 방법과 이를 효과적으로 사용하기 위한 팁과 다양한 정보를 알아보고자 한다. 먼저 setInterval()을 사용하는 기본적인 방법은 아래와 같다. setInterval(function() { ... }, 지연시간); 문법은 그리 어렵지 않다. 그럼 타이머 함수는 언제 자주 사용할까? 아래에서 알아보자. ! setInterval()을 사용하는 경우이 함수를 사용해야 하는 경우는 매우 많이 있다. ..
2019.02.12 -
정규식
이 포스팅은 자바스크립트 정규식(정규표현식)에 대해서 상세히 알려드릴려는게 아니라.. 웹페이지 작성시 매번 찾게되는 아이디 체크 와 같은 스크립트를 포스팅 해봅니다. 기본적으로 자바스크립트에서 정규표현식은 / (슬래쉬)로 감싼다 "(큰따옴표) 또는 '(작은따옴표)로 감싸지 않는다. 그리고 마지막에 /g 또는 /i 또는 /gi 로 끝난다 왜 그런지 궁금하면 각자 찾아보는 걸로 한다~ 아래에서 뜻하는 정규 표현식은 영문 a-z 로 시작하고 이후에 a-z0-9 사이 문자열이 오면 된다는 것이다. 대괄호 앞에 ^가 붙으면 시작을 뜻하고 대괄호 안에 ^가 붙으면 제외를 뜻한다. ^[a-z]로 되어 있으니 시작을 영문 a-z로 하는 것을 뜻한다 + 연산자로 연결을 한다. {5,19}는 5~19자리를 뜻한다. 앞에서..
2018.04.09 -
자바스크립트 숫자만 추출
1. 소스코드 var string="안녕하세요. 올해는 2017년입니다."var no=string.replace(/[^0-9]/g,'');alert(no); 2. 결과 2017
2017.11.24 -
null과 undefined의 차이
1. undefined 정의 변수를 선언을 하고 값(자료형)을 할당하지 않은 상태를 말합니다. 선언하지 않은 변수도 콘솔이나 메세지에서 undefined라고 뜨지만 값을 가지고 있지는 않습니다. 2. null 정의 변수를 선언하고, 'null' 을 할당한 상태를 말하며, 객체형 데이터(array, object, ex)의 빈 값을 의미합니다. 문자열(string) = "", 숫자형 = "0" 을 말하며, 조건문(if)문에서는 false로 사용됩니다. 3. ex
2017.04.17 -
submit, href, replace 차이점
1. 차이점 submit 페이지 이동시에 다음페이지로 정보를 전송합니다. href 정보를 전송하지 않고 페이지만 이동합니다. replace 정보를 전송하지 않고 페이지만 이동합니다. 2. 예제 -1) submit -2) href -3)replace * href와 replace의 큰 차이점href의 경우 페이지를 이동할 때 순서대로 이동하게 되므로 뒤로가기 버튼을 누르면 바로 이전페이지로 이동하게 됩니다. -> 1.php -> 2.php -> 3.php 순으로 이동하게 되면 뒤로가기 버튼을 통해 2.php 페이지로 돌아가집니다.반면에 replace의 경우는 페이지 자체를 새로 출력하게 되므로 1.php를 실행하기 이전의 페이지로 돌아가게 됩니다. -> 1.php -> href방식으로 2.php -> rep..
2017.04.14 -
자바스크립트 이벤트
1. 자바스크립트 이벤트 이벤트명 값 설명 onchange script 요소가 변경될 때 실행 onsubmot script 양식이 제출될 때 실행 onreset script 폼이 재설정될 때 실행 onselect script 값이 선택되었을 때 실행 inblur script 태그에 포커스를 잃었을 때 실행 onfocus script 태그에 포커스가 갔을 때 실행 onkeydown script 키를 눌렀을 때 실행 onkeypress script 키를 눌렀다가 놓았을 때 실행 onkeyup script 키를 놓았을 때 실행 onclick script 마우스를 클릭했을 때 실행 ondblclick script 마우스를 더블클릭했을 때 실행 onmousedown script 마우스 버튼을 누르고 있을 때 실행..
2017.04.11