Contents
안녕하세요 코밑이에염!
정말 오랜만의 포스팅이에요 ㅜㅜ 그동안 현생에 치여서 글을 못올렸어요 ㅜㅜ
공모전 준비와 코테 준비를 함께했거등요 ㅜㅜ
사실은 귀찮아서 안올렸답니다~
오늘은 정규표현식에 대해서 알아볼 거에요!
정규 표현식은
- 일정한 규칙을 가진 문자열을 표현하는 방법
- 문자열에서 특정 내용을 찾거나 대체 발췌하는데 사용
이런 특징을 가지고 있어요~
이런 특징때문에 조건문으로는 복잡할 수 있는 코드를 매우 간단하게 표현할 수 있어요~
하지만 주석이나 공백을 허용하지 않는다면, 가독성이 떨어질 수 있답니다~
정규표현식은 여러 언어에서 사용되지만 저는 최근에 배우고 있는 JS로 설명을 해드릴거에요!
정규표현식은 이런식으로 구성이 된답니다~
두개의 / 사이에 정규식 기호가 들어가요!
또한 플래그를 이용해 옵션을 추가해 줄수가 있어요!
앞서 말했듯이 JS에서 지원하는 정규표현식 메소드에요!
이런 메소드들을 이용한 코드를 예시로 알려드릴게요
const regex = /commit/; //commit 단어가 있는지 검색
// 문자열이 위의 정규표현식과 매칭되면 true 안되면 false 반환
regex.text("Hello commit nice to meet you!"); //true 반환
// 문자열에서 정규표현식에 매칭되는 항목들을 배열로 반환
const txt = "Hello commit and merge";
txt.match(regex); //['commit']으로 반환된 모습
정규표현식에 매칭되는 항목을 대체문자열로 반환
txt.replace(regex, "pull:); //"Hello pull and merge"이해가 잘 되셨을까요~?
이런 정규식 특정 문자 숫자 매칭 패턴을 이용해서도 검색에 옵션을 붙여줄 수가 있답니다~
이제 마지막으로 회원가입 예제를 살짝만 알려드릴거에요!
아이디 유효성 검사를 해보겠습니다!
●[a-zA-z0-9] : 영문 대/소문자, 숫자만 사용
●{4,12} : 길이는 최소 4, 최대 12
이런 조건이 들어가 있는데
저는 이렇게 해결해주었어요!
지금까지 정규표현식에 대해 알아보았어요~
다들 쉽게 이해가 되셨을까요?
저는 다음에 다른 JS 포스팅을 가지고 다시 올게요!
그럼 안농~