방구석 상상코딩

정규표현식(Regular Expression) : 특정 규칙을 가진 문자열의 집합, 문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴 사용방법 리터럴을 이용한 생성 RegExp 객체를 이용한 생성 - 슬래쉬"/"로 감싸는 패턴 - 스크립트가 불러와질 때 컴파일 된다. - 정규식이 실행 시점에 컴파일 된다. var re = /ab+c/; var re = new RegExp("ab+c"); Meta 문자 : 표현식 내부에서 특정한 의미를 갖는 문자 Meta문자 설명 . 한 개의 어떤 문자와도 일치할 경우 \d 한 개의 숫자와 일치할 경우 \w 한 개의 문자나 숫자와 일치할 경우 \s 공백, 탭, 줄 바꿈, 캐리지 리턴 문자와 일치 ^ 패턴의 시작 표시 $ 패턴의 끝 표시 [] 문자종류..

이벤트 핸들러란? 특정 요소에서 발생하는 이벤트를 처리하기 위해 이벤트 핸들러(Event Handler)라는 함수를 만들어 바인딩하는 것으로 이벤트 핸들러가 연결된 특정 요소에서 지정된 타입의 이벤트가 발생하면 해당 함수를 실행한다. 방법 1> // 등록 elem.addEventListener(event, handler) // 삭제 elem.removeEventListener(event, handler) 방법 2> // 등록 elem.attachEvent('on이벤트명'; function(){ }); // 삭제 elem.detachEvent('on이벤트명'; function(){ }); See the Pen Untitled by 도그리 (@yafsfbms-the-reactor) on CodePen. ▶ ..

키보드 이벤트란? 키보드를 조작할 때 발생하는 이벤트를 캐치하는 것으로, keydown, keypress, keyup 이 있다. keydown keypress keyup - 키보드를 누르는 순간 발생 - 물리키에 반응 - 현재 눌린 문자와는 상관없이 물리적인 키에만 반응 - 키보드를 누르는 순간 발생 - 현재 눌린 문자에 반응 - 문자 키에 반응 - 키보드를 눌렀다 떼는 순간 방법 1> function pressEnter(){ if(event.keyCode == 13){ alert("엔터키 활성화!"); } } 방법 2> function keycheck(evt){ var keyCode = evt.which?evt.which:event.keyCode; } 방법 3> txt1.onkeydown = funct..

동기식 비동기식 요청(Request) 후 응답(Response)을 받아야지만 다음 동작이 이루어진다. 요청(Request)을 보낸 후 응답(Response)과는 상관없이 동작하는 방식이다 Ajax는 비동기식으로 처리가 된다. = Ajax는 따로 처리되고 자바스크립트는 Ajax의 결과를 기다리지 않고 실행된다. 그러나 아래와 같이 Ajax의 순서에 따라 동작해야 하는 경우 => "async" 옵션을 사용한다. 1) Ajax가 먼저 처리 된후 자바스크립트가 실행되어야 하는 경우 2) Ajax 안에 Ajax가 처리되어야 하는 이중 Ajax를 써야 하는 경우 3) 기타 (Ajax가 먼저 실행 후 자바스크립트가 실행되어야 하는 경우) async : (true) / false true defualt 값 (기본값) ..