\(@^0^@)/

정규표현식 RegExr 본문

TIL

정규표현식 RegExr

minjuuu 2021. 8. 24. 02:20
728x90

✨ 정규표현식 문법

출처 : 드림코딩 엘리 정규표현식


🧐 문법을 토대로 어떻게 정규표현식을 만들어야 할지 알아보자!

 

  • \d == digit 숫자
  • { } == n번 반복
  • [ ] == 문자셋, 괄호 안의 어떤 문자든
  1. digit숫자 2-3개
  2. ' - ' , ' ' , ' . ' 중 어떤 문자
  3. digit숫자 3개
  4. ' - ' , ' ' , ' . ' 중 어떤 문자
  5. digit숫자 4개

 

 


 

  • [ ] == 문자셋, 괄호 안의 어떤 문자든
  • + == 하나 또는 많이 (one or more)
  • \. == 특수문자가 아닌 문자 " . "

 

 

  1. a-z 또는 A-Z 또는 0-9 또는 ' . ' , ' _ ' , ' + ' , ' - ' 를 포함한 하나 또는 많이
  2. ' @ '
  3. a-z 또는 A-Z 또는 0-9 또는 ' - ' 를 포함한 하나 또는 많이
  4.  ' . '
  5.  
  6. a-z 또는 A-Z 또는 0-9 또는 ' . ' 를 포함한 하나 또는 많이 

 

 

  • ( ) == 그룹
  • ? == 없거나 있거나 (zero or one)
  • \/\/ == //
  • \. == .
  • { } == n번 반복

 

 

 

  1. (그룹 'https가 없거나 있거나' + ' : ' + ' // ' )가 없거나 있거나
  2. (그룹 'www' + ' . ' )가 없거나 있거나
  3. 'youtu' + ' . ' + 'be' + ' / '
  4. (그룹 a-z 또는 A-Z 또는 0-9 또는 ' - ' 가 들어있는 11개)

 

  • (? :) == 찾지만 기억하지는 않음
  1. ' https: ' 를 찾지만 기억하지는 않음
  2. ' www. ' 를 찾지만 기억하지는 않음
  3. ' ([a-zA-Z0-9-]){11}) ' 만 그룹에 저장

 

 

 


※ 참고 : 프론트엔드 강의 - 프론트엔드 개발자 되기 입문 편 / 드림코딩 by 엘리

※ 드림코딩 엘리 정규식  깃허브 정리 : https://github.com/dream-ellie/regex

※ 정규표현식 연습용 사이트 : https://regexr.com/5mhou

정규표현식 퀴즈 사이트 : https://regexone.com/

※ 정규표현식 더 알아보기 : https://github.com/ziishaned/learn-regex

 

728x90

'TIL' 카테고리의 다른 글

프로그래밍 순서도 그리기  (0) 2021.08.26
[JS] Array Methods ( unshift, shift, push, pop, splice, includes, indexOf )  (0) 2021.08.25
[CSS] 적절한 HTML Tags  (0) 2021.08.23
[CSS] Responsive CSS units  (0) 2021.08.23
[CSS] CSS의 꽃 FlexBox  (0) 2021.08.21