반응형 Regexp3 [JavaScript] 학습정리 - 12.정규표현식과 RegExp 패턴을 형성하는 문자열 내에서 검색, 대체, 추출등을 할 때 사용하는 정규표현식에 대해서 알아보자. 정규표현식은 replace, match, search를 주로 사용하며 클라이언트 측에서 자바스크립트로 사용자 입력값을 검증할 때 사용하면 좋다. regexp.exec(string) exec 메서드는 정규 표현식을 사용하는 메서드들 중에서 느리지만 가장 강력하다. regexp.test(string) test 메서드는 정규 표현식을 사용하는 메서드들 중에서 가장 간단하고 빠르다. 특수문자 (+, *, |) * 는 0번 이상 반복을 의미한다. + 는 한번 이상 나옴을 의미한다. | 는 OR을 의미한다. - 는 범위 지정 메타문자를 의미한다. 앞뒤로 나오는 /(슬래쉬)는 시작과 종료를 의미하며 /(슬래쉬) 사이에.. ■ Front-End ■/JavaScript 2023. 3. 1. [JavaScript] 웹 개발할 때 자주 사용하는 정규표현식 모음 (RegExp) 표현식과 의미 • ^ : 문자열 시작 • $ : 문자열 종료 • * : 반복을 표현, 0개 또는 0개 이상 • + : 반복을 표현, 1개 이상 • ? : 존재여부 표현, 0 또는 1회 • . : 임의의 한 문자를 표현. • | : or를 표현 • \s : 공백문자를 의미 • \S : 공백문자가 아닌 것을 의미 • \d : 숫자 • \D : 숫자를 제외한 문자 • \w : 알파벳이나 숫자 • \W : 알파벳이나 숫자 를 제외 한 문자 기본적인 정규표현식 // 숫자 /^[0-9]*$/ // 영문자 /^[a-zA-Z]*$/ // 한글 /^[가-힣]*$/ // 영와 숫자 /^[a-zA-Z0-9]*$/ 자주 사용하는 정규표현식 // 사용자ID ^[a-z0-9_]+$ // 사용자ID나 비밀번호 ^[a-z0-9_]{.. ■ Front-End ■/JavaScript 2023. 2. 28. [JavaScript] 정규표현식 입력검증 정규표현식(Regular Expressions)을 사용하여 입력검증을 해본다. 표현식에 위배되는 값을 입력하고 버튼을 클릭하면 해당하는 항목의 정규표현식이 출력된다. 예제의 값을 입력하고 클릭하면 정상적으로 지나간다. ▣ RegExp.html 제목 예제 항목 버튼 숫자 0123456789 알파벳 Apple 영수조합 Apple123 아이디 tuser01 연락처 010-1234-1234 이메일 test@test.com ▣ 결과화면 처음 로딩하고 입력항목을 보면 표현식에 위배되는 값이 있다. ▣ 버튼 클릭 해당하는 항목의 정규표현식이 출력. ■ Front-End ■/JavaScript 2023. 2. 28. 이전 1 다음 728x90