유효성 검사(form validation)

사이트에서 요구하는 조건에 맞게 입력했는지 확인하는 것.

최소기능제품 , MVP (Minimum Viable Product) : 고객의 피드백을 받아 최소한의 기능을 구현한 제품

---

유효성 검사 코드 구현 시 새로 알게 된 코드

• document.querySelector()
  • const element = document.querySelector() 와 같이 변수에 할당 가능하다.
  • const parent = element.parentElement 를 통해 부모 element로 선택 가능하다.
  • const child = parent.querySelector() 로 선택한 노드에 셀렉터를 적용할 수 있다.
• const arr = document.querySelectorAll()
  • arr 은 array가 아니라 NodeList 다.
  • arr 을 array로 바꿔주기 위해 spread syntax or Array.from() 을 사용한다.
  • [...document.querySelectorAll()]

---

유효성 검사를 하면서 검사 항목마다 메소드를 구현했다. 하나의 기능 === 하나의 메소드
짜면서 검사 메소드 코드가 반복되었는데 공부를 해나가면서 반복을 줄이고 메소드의 인자 혹은, 메소드안을 분기해서 하나의 메소드로 검사를 처리할 수 있는 방법을 알아가야겠다.