정보실

웹학교

정보실

기타 웹 개발자를 위한 Regex 소개

본문

1. 

정규식은 패턴과 일치하는 문자열 부분을 찾습니다.


https://dev.to/chrisachard/intro-to-regex-for-web-developers-2fj4 


JavaScript에서는 슬래시 사이에 // 또는 new RegExp()를 사용하여 만들어집니다.


match, test 또는 replace와 같은 방법으로 사용됩니다.


미리 정규식을 정의하거나 메소드를 호출 할 때 직접 정의 할 수 있습니다


new regex 


2. 

한 번에 하나씩 개별 문자를 일치,

또는 여러 개의 문자를 대괄호 []로 묶어 일치하는 문자를 캡처하십시오.

하이픈으로 다양한 문자 캡처-


square brackets and hyphen 


3. 

정규 표현식의 끝에 선택적 플래그를 추가하여 매처 작동 방식을 수정하십시오.


JavaScript에서 이 플래그는 다음과 같습니다.


i = case insensitive

m = multi line matching

g = global match (find all, instead of find one)


regex flag modifiers 


4. 


시작 부분에 캐럿 ^을 사용하면 "문자열 시작"을 의미합니다.

끝에 달러 기호 $를 사용하면 "문자열의 끝"을 의미

더 긴 문자열을 일치 시키기 위해 일치 그룹을 모으십시오.


caret dollar sign, group matches together 


5. 


와일드 카드 및 특수 이스케이프 문자를 사용하여 더 큰 클래스의 문자와 일치


. = 줄 바꿈을 제외한 모든 문자


\d = digit 

\D = NOT a digit


\s = white space 

\S = any NON white space


\n new line


wildcards 


6. 


수량 자와 일치하는 특정 수의 일치하는 문자 또는 그룹 만 일치


= zero or more


= one more more ? = 0 or 1 {3} = exactly 3 times {2, 4} = two, three, or four times {2,} = two or more times


quantifiers 


7.


parens()를 사용하여 그룹에서 캡처


g 플래그를 사용하지 않으면 match는 전체 일치와 그룹을 반환합니다.


파이프 연산자 사용 | parens() 안에 그 그룹과 일치하는 것을 지정하십시오.


| = or


parens to capture group 


8. 


특수 문자를 일치 시키려면 백 슬래시로 이스케이프 하십시오.


JS 정규식의 특수 문자는 다음과 같습니다. ^ $ \. * +? () [] {} |


따라서 별표를 일치 시키려면 다음을 사용하십시오.


\* 


그냥 * 대신


special characters 

9. 


특정 문자를 일치 시키려면 대괄호 안에 캐럿 ^을 사용하십시오.


이것은 ^가 두 가지 의미를 가지고 있음을 의미하며 이는 혼동 될 수 있습니다.


정규식 앞에 있을 때는 "문자열의 시작"과 대괄호 안에 사용되는 경우 "이 문자가 아님"을 모두 의미합니다.


caret to mean NOT 


10. 


정규식을 사용하여 URL에서 파일 이름에 이르기까지 모든 종류의 것을 찾고 일치 시킬 수 있습니다.


하나! 이메일 구문 분석 (정말 혼란스럽고 빠름) 또는 HTML (정규 언어가 아니므로 정규 표현식으로 완전히 구문 분석 할 수 없음)과 같은 복잡한 작업에 정규식을 사용하려는 경우 주의하십시오.


게으른 대 욕심, 예견 및 캡처와 같은 정규 표현식에는 훨씬 더 많은 것이 있습니다.


그러나 웹 개발자가 정규 표현식으로 수행하려는 대부분의 작업은 이러한 기본 구성 요소 만 사용할 수 있습니다.


나는 이미 실제 정규 표현식 사용 사례와 함께 후속 게시물을 작성하고 있습니다.


페이지 정보

조회 25회 ]  작성일20-01-26 17:29

웹학교