- 태그별 기본적으로 보유하고 있는 이벤트 제거
- 정규표현식
1) 태그별 기본 보유하고 있는 이벤트 제거
📌 기본적으로 이벤트 핸들러를 가지고 있는 요소
- a태그 : 클릭시 href에 쓰여있는 url로 요청하는 기본이벤트 보유
- form 내 submit버튼 : 클릭시 입력한 값이 url로 제출하면서 요청하는 기본이벤트 보유
<태그내에 기본적으로 설정돼있는 이벤트 실행되지 않게 하는 방법>
💡 이벤트 핸들러의 return값을 false로 변경하기 !
1) a태그의 href 요소로 네이버 url 작성
2) onclick=alert("네이버로 이동할래?"); return false;
=> 확인버튼 눌러도 네이버로 이동 불가
3) 구글 url 작성 후, 후
function에 조건식으로 confirm 써서 확인 누르면 true == 구글 이동
취소 누르면 false == 이동 불가함
2) 정규표현식
- 특정패턴을 가진 문자열을 찾거나, 변경할 때 사용하는 형식언어
- 문자열에 대한 특정 패턴의 조건검사시 조건제시할 필요없이 간단해짐
* 정규표현식 객체 생성 및 정규표현식과 관련된 메소드
const str = :java oracle";
let regExp = /script/;
// 정규식객체 생성 == 검색조건으로 삼고자 하는 문자열 또는 특정패턴 생성
RegExp 객체에서 제공하는 메소드 (정규식객체.xxx문자열)
-
정규식객체.
test(문자열) : 문자열에서정규식값과 일치하는게 있으면 true / 없 false -
정규식객체.
exec(문자열) : 문자열에서정규식값과 일치하는게 있으면처음 매칭된 문자열 반환/ 없으면 null 반환
String 객체에서 제공하는 메소드(문자열.xxx(정규식객체))
-
문자열.
match(정규식) : 문자열에서정규식값과 일치하는 값 찾아서 반환 -
문자열.
search(정규식) : 문자열에서정규식값과 일치하는 값 찾아서시작 인덱스 반환/ 찾지못하면 -1 반환 -
문자열.
replace(정규식, 바꿀값) : 문자열에서정규식값과 일치하는첫번째 부분을 바꿀값으로 변경해서 반환 -
문자열.
split(정규식) : 정규식에서지정된 값을 구분자로 하여 쪼개진 값들을배열 반환
* 메타문자
- 메타문자를 이용해서 정규식으로 검색조건을 삼을 특정패턴 제시 가능
1). ^ : 시작을 의미함
regExp = /^J/ => 시작값이 J인지 비교할 수 있는 패턴 제시
2) [ ] : [ ]내에 여러 문자들을 목록처럼 나열 가능
regExp = /[abc]/ => [abc] 목록 중 a,b,c 하나만 있어도 true
3) $ : 끝을 의미함
regExp = /^x$/ => x로 끝나는지 비교하는 패턴 제시
4) . : 개행문자를 제외한 모든 문자 의미(영문자, 숫자, 한글, 특수문자)
5) + : 한글자 이상을 의미함 (0글자는 안됨)
regExp = /^j.+x$/ => j로 시작하는 모든 문자열에서 x로 끝나고 한글자 이상인 조건
/^[0-9]$/ : 오로지 숫자만 의미함 == \d
/^[a-zA-Z]$/ : 오로지 영문자(대/소문자) == i
* 플래그문자
- i : 대소문자를 가리지 않고 비교 수행
- g : 전역으로 비교 수행
- m : 여러 줄 비교 수행
