💬 LANGUAGES/Javascript
[JS] input 이벤트 - change, input, cut, copy, paste
input 이벤트 1. change 요소 변경이 끝나면 발생 텍스트 입력인 경우 포커스를 잃을 때 발생 select, input type=checkbox, input type=radio는 선택 값이 변경된 직후에 이벤트가 발생 2. input 어떤 방법으로든 값을 수정할 때마다 발생 ⇦, ⇨ 키같이 값을 변경시키지 않는 키보드 입력이나 동작에는 반응하지 않음 3. cut, copy, paste 각각 값을 잘라내기·복사하기·붙여넣기 할 때 발생 ClipboardEvent 클래스의 하위 클래스 event.preventDefault()를 사용해 기본 동작을 막을 수 있음 텍스트뿐만 아니라 모든 것을 복사·붙여넣기 할 수 있음 정리 이벤트 설명 특이사항 change 값이 변경될 때 이벤트 발생 텍스트 입력의 경..
[JS]문자열 - 정규표현식(Regular Expression)
문자열 - 정규표현식(Regular Expression) 1. 정규표현식이란? Regular Expression : Regex 특정 패턴의 문자열을 찾기 휘한 표현 방식 장점 : 간단하게 표현 가능 단점 : 주석과 공백 없이 여러가지 기호를 혼합해 사용하기 때문에 가독성이 좋지 않음 2. 정규표현식 사용법 1) 형식 : /패턴/플래그 2) 매칭 패턴 패턴 의미 a-zA-Z 영어알파벳(-으로 범위 지정) ㄱ-ㅎ가-힣 한글 문자(-으로 범위 지정) 0-9 숫자(-으로 범위 지정) . 모든 문자열(숫자, 한글, 영어, 특수기호, 공백 모두! 단, 줄바꿈X) \d 숫자 \D 숫자가 아닌 것 \w 영어 알파벳, 숫자, 언더스코어(_), [A-Za-z0-9_] 와 동일 \W /w 가 아닌 것 \s space 공백 ..