D06_dom_정규식 => 정규식01_이름과아이디

D06_dom_정규식

---

정규식01_이름과아이디

---

• _01_정규식_이름.html
• let exp = /^[가-힣]{2,6}$/; 이게 정규식이다. 
  • 해석하는 것을 배운다. 
  • 가 - 힣 => 글자중 
  • 글자 갯수가 2~6개 사이 
• 정규식 
  • 결국은 프론트의 주업무는
    • 1번째 애니메니션 , 움직임 
      • 노션 
    • 2번째 : 예외처리
      • 아이디 쓸 때. 한글 쓰면 안된다. 대소문자 구분 
      • 그런 예외처리를 조금 쉽게 제공한 것이 특수기호로 제공한 것이 정규식이다. 
      • 핵심은 예외처리이다. 

_01_정규식_이름.html

---

• _02_정규식_아이디.html
• 허용되는것. 알파벳, 숫자 , _ , - ( 6,16)
• 일일이 함수로 만드는게 힘들어서 정규식을 만든것 

_02_정규식_아이디.html

---

01_개념_캐럿과달러

---

• _01_개념_슬래시와문자한개.html
• / (슬래시) 시작과 끝. 
• let exp = /a/ a를 포함된 

_01_개념_슬래시와문자한개.html

---

• _02_개념_슬래시와문자두개.html
• / ab / ab를 포함된 

_02_개념_슬래시와문자두개.html

---

• _03_개념_캐럿.html
• ^ (캐럿)  -> 시작하는 
• /^a/;  -> a로 시작하는 

_03_개념_캐럿.html

---

• _04_개념_캐럿과문자두개.html
• ca로 시작하는 

_04_개념_캐럿과문자두개.html

---

• _05_개념_달러.html
• $ (달러) => 끝나는 
• let exp = /a$/; => a로 끝나는 

_05_개념_달러.html

---

• _06_개념_캐럿과달러.html

_06_개념_캐럿과달러.html

---

03_개념_대괄호와중괄호

---

• _01_개념_대괄호.html
• 대고라호 [ ] => or이라는 뜻이다. 
• a or b , c 이렇게 된다. 

_01_개념_대괄호.html

---

• _02_개념_중괄호_숫자한개.html
• 중괄호 { } => 반복이라는 뜻 
• let exp = /^[abc]{2}$/;   2번 반복되어야 한다. 
• 대괄호 니까. or이다. 

_02_개념_중괄호_숫자한개.html

---

• _03_개념_중괄호_숫자범위.html
• let exp = /^[abc]{2,4}$/;    => abc가 2번 반복되거나. 4번 반복되거나. 

_03_개념_중괄호_숫자범위.html

---

• _04_개념_괄호여러개.html
•  let exp = /^[abc]{2}[123]{2}$/;     => 2개가 다 만족해야 한다. 
• 문자 2개. 숫자 2개여야 한다. 

_04_개념_괄호여러개.html

---

05_개념_레인지

---

• _01_개념_레인지_소문자.html
• 레인지 - (하이픈)  =>  ~사이 
• let exp = /^[a-c]$/;    => a~c사이에 하나. (한글자) 

_01_개념_레인지_소문자.html

---

• _02_개념_레인지_숫자.html
•  let exp = /^[a-c0-9]$/;  => a~c사이에 한개. 0~9사이에 한개 

_02_개념_레인지_숫자.html

---

• _03_개념_레인지_대문자.html
•  let exp = /^[A-Ca-c0-9]$/; 

_03_개념_레인지_대문자.html

---

• _04_개념_레인지_특수기호.html
•  let exp = /^[A-Za-z0-9_\-]$/; 
• \-
• 특수기호는 \(역슬러쉬를 같이 써야 한다.) 
  
  • 2개가 오른쪽의 뜻. \역슬러시를 쓰고 하이픈을 써야 한다. 
  • 문자 표시의 하이픈 
  • (하이픈) - 은 . ~사이에가 겹쳐서.  
• _(언더바는 포함하지 않는다.) 
•  let exp = /^[A-Za-z0-9_\-]$/; 
  • A~Z중에 한개
  • a~z중에 한개
  • 0~9중에 한개
  • _ (언더바) 
  • - (하이픈) 
  • 이중에 하나. 

_04_개념_레인지_특수기호.html

---

• _05_개념_레인지_중괄호1.html
• let exp = /^[a-c]{2}$/; 
• a~c중에 2글자. 

_05_개념_레인지_중괄호1.html

---

• _06_개념_레인지_중괄호2.html

_06_개념_레인지_중괄호2.html

---

• _07_개념_레인지_종합1.html
• let exp = /^[A-C]{2}[0-9]{3}$/;
• A~C중에 2글자. 
• 0~9중에 3글자

_07_개념_레인지_종합1.html

---

• _08_개념_레인지_종합2.html
• let exp = /^[a-c]{2}-[0-9]{2}$/;
• a~c중에 2글자 
• 하이픈이 (- ) 반드시 들어가야 한다.   
• 0~9중에 2글자. 

_08_개념_레인지_종합2.html

---

02_문제_캐럿과달러

---

• _01_문제_캐럿과달러.html
• test ( ) 이건 함수다.
  • 정규표현식(RegExp) 객체의 메서드
  • RegExp.prototype.test()
    • test()는 정규표현식을 사용해 문자열에 특정 패턴이 존재하는지 확인할 때 쓰는 함수입니다.
    • 반환값은 항상 **true 또는 false**입니다.

_01_문제_캐럿과달러.html

---