[ TIL ] [ 정규과정 : 주특기주차 ] 정규 표현식 만들기

 

이번 LV 게시판 만들기를 하면서 , 로그인을 구현할때에  아래의 조건값을 활용 하여야 한다는 조건값이 있었다.

api 명세서만 신경써서 만들다가 조건값이 있다는걸 모르고 있다가 뒤늦게 확인해서 정규식으로 아이디/비밀번호를 넣어 처리하는 방법으로 

확인해서 코드를 수정했다.

---

닉네임은 최소 3자 이상, 알파벳 대소문자(a~z, A~Z), 숫자(0~9)로 구성하기

비밀번호는 최소 4자 이상이며, 닉네임과 같은 값이 포함된 경우 회원가입에 실패로 만들기

---

먼저, 정규표현식((Regular Expression)에 대해 알아봤다.

정규표현식은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다.
예를 들어 회원가입 화면에서 사용자로 부터 입력 받는 전화번호가 유효한지 체크할 필요가 있다. 이때 정규표현식을 사용하면 간단히 처리할 수 있다.

반복문과 조건문을 사용한 복잡한 코드도 정규표현식을 이용하면 매우 간단하게 표현할 수 있다.

하지만! 정규표현식은 주석이나 공백을 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다는 문제가 있다.

 

출처 : https://poiemaweb.com/js-regexp

RegExp | PoiemaWeb

 

---

위 링크에서 많은 예시가 있지만, 자주사용하는 정규표현식을 몇가지를 TIL에 체크해두어야겠다.

 

1) 숫자가 맞는지 검사

const targetStr = '12345';

// 모두 숫자인지 검사
// [^]: 부정(not)을 의미한다. 얘를 들어 [^a-z]는 알파벳 소문자로 시작하지 않는 모든 문자를 의미한다.
// [] 바깥의 ^는 문자열의 처음을 의미한다.
const regexr = /^\d+$/;

console.log(regexr.test(targetStr)); // true

 

2) 메일 주소 형식에 맞는지 검사

const email = 'ungmo2@gmail.com';

const regexr = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/;

console.log(regexr.test(email)); // true

 

3) 핸드폰 번호 형식에 맞는지 검사

const cellphone = '010-1234-5678';

const regexr = /^\d{3}-\d{3,4}-\d{4}$/;

console.log(regexr.test(cellphone)); // true

 

4) 특수문자 포함유무 검사 

const targetStr = 'abc#123';

// A-Za-z0-9 이외의 문자가 있는지 검사
let regexr = /[^A-Za-z0-9]/gi;

console.log(regexr.test(targetStr)); // true

// 아래 방식도 동작한다. 이 방식의 장점은 특수 문자를 선택적으로 검사할 수 있다.
regexr = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;

console.log(regexr.test(targetStr)); // true

// 특수 문자 제거
console.log(targetStr.replace(regexr, '')); // abc123

 

---

 

[ 과제에 대한 조건에대해 내가 만든 식 ]

const nicknameRegex = /^(?=.*[0-9]+)[a-zA-Z][a-zA-Z0-9]{3,10}$/g
const passwordRegx = /^.{4,}$/;

 

^ : 문자열의 시작

(?=.*[0-9]+) : 숫자가 포함되어있어야함

[a-zA-Z]: 대소문자 영어가 포함되어있어야함

[a-zA-Z0-9]{3,10}: 알파벳 대소문자 또는 숫자가 3-10개 있어야함

$: 문자열의 끝을 의미합니다.
g: 전역 검색을 의미합니다.

 

 

^: 문자열의 시작을 의미
.: 임의의 문자를 의미
{4,}: 임의의 문자가 4개 이상 연속되어야 함
$: 문자열의 끝을 의미

 

---

 

 

 

 

 

 

 

요즘 너무 바빠서 시간이 너무 순삭스
믿기지 않겠지만 저 진짜 요즘 집에만 있고요.. 근데 바쁘고요..
할게 많아요... 근데 시간은 눈감았다 뜨면 하루 지나있는데..
이거 꿈인가? 

아무튼 기승전 화이팅.... 

힘내봅니다.. 

일단 내일의 해는 뜨니까 말임니다.. 기릿..!