| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- vscode git clone
- 이미지반응형
- window 정책변경
- legacy-peer
- git lab clone
- 아이콘사용법
- npm install 문제
- Git clone
- node 오류
- 동적객체
- 의존성문제
- fontawesome
- slickslider
- 정적객체
- node설치
- maxwidth
- 플러그인
- react npm install
- 단어단위로떨어지기
- MediaQuery
- npm install
- 그누보드반응형
- 글자들여쓰기
- XEIcon
- 웹아이콘
- googleicon
- owlcarousel
- package.json
- minwidth
- npm start
- Today
- Total
어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ
정규표현식 본문
정규식
1. 이메일 정규식
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
이메일 예시
test@test.com
t_+#%123est@test.co.kr
test.test@aste.co.jp
/^[a-zA-Z0-9._%+-]$/ => 한개의 문자 의미
/^[a-zA-Z0-9._%+-]*$/ => 0개 이상
/^[a-zA-Z0-9._%+-]+$/ => 1개 이상
/^[a-zA-Z0-9._%+-]{2}$/ => 2개
/^[a-zA-Z0-9._%+-]{2},$/ => 2개 이상
\. => .(점)문자를 의미
/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9]+[.a-zA-Z]*\.[a-zA-Z]{2,}$/
; 테스트 해보기
2. URL 검증 정규식
url 예시
https://example.com
http://www.naver.com
http://www.naver.com
/^(https?:\/\/)?$/ => /를 문자로 인식하기 위해 \ 추가하고 특수문자라고 $ 써줌, ()는 한문자로 인식, ?는 있을수도 없을수도 있다
/^(https?:\/\/)?(www\.)?[a-zA-Z0-9]+\.[a-zA-Z]{2,}$/
const urlRegex = /^(https?:\/\/)?(www\.)?[a-zA-Z0-9]+\.[a-zA-Z]{2,}$/i;
console.log(urlRegex.test("http://www.naver.com"));
console.log(urlRegex.test("http://www.naver.com "));
console.log(urlRegex.test("htp://http://www.naver.com "));
3. 전화번호 검증 정규식
'자바스크립트 > ⚪️ Vanilla' 카테고리의 다른 글
| Math. ~(), 랜덤함수 예제 (0) | 2025.02.26 |
|---|---|
| 통신 JSON (0) | 2025.02.26 |
| 자바스크립트 생명주기 (0) | 2025.02.25 |
| 이벤트 핸들러 (0) | 2025.01.18 |
| [js] 이벤트 리스너 (0) | 2025.01.14 |
