221205 회원가입 유효성 검사 코드를 만들 때

• problem
  회원가입을 진행시에 유효성 검사를 어떤식으로 진행할지에 대한 것
  
  
• what I tried
  사용자로부터 정보를 제공받는다면, 해당 정보를 charAt으로 받아서 char 하나 하나가 내가 생각한 조건들이 포함되어있는 지를 검사하고자 하였다.
  하지만 코드가 너무 길어지고 숫자와 문자열이 섞여있을때 대처가 되지 않는 문제도 있었다.
  
  
• my answer
  먼저 사용자가 입력하는 입력 필드를 전체 동일한 class로 받는다!
  이후 해당 class의 입력 정보들을 전부 모아서 querySelectorAll으로 리스트를 만들었고, 해당 리스트를 정규표현식을 이용하여 내가 원하는 조건이 포함되어있는지를 검사하는 방식을 이용했다.
  정규표현식을 이용하니 코드가 더 간결해졌고 내가 설정한 조건 중에서 입력한 정보의 길이를 설정하는 것도 쉬워서 처음 생각한 방법보다 훨씬 효과적이었다.
  
  
• I learned!
  정규표현식에 대해서 알게 되었다. 흔히 엑셀이나 다른 프로그램에서도 이용되던 것을 이제 명칭까지 알게 되었다.
  향후 문자열에서 어떤 특정한 조건을 걸때 굉장히 유용하게 쓸 수 있을 것 같다.