코드의 유효성을 검사하기 위한 Validation은 다양한 언어들에서 사용되는데, 그 중 HTML 문서에서 사용하는 방법을 알아보자.

Validation이란?

---

• 유효성 검사기
• 코드 또는 문서 조각의 유효성 또는 구문의 정확성을 확인하는데 사용되는 컴퓨터 프로그램
• 문법상 오류가 존재하지 않는지 확인
  
  

HTML 문서의 유효성을 검사하는 방법

---

1. W3C Validation Service 사용

Markup Validation Service

2. html hint 패키지 활용

HTMLHint 패키지를 설치하여 사용하는 방법

1. npm install --save-dev htmlhint 터미널에 생성
2. 사이트 내 playground 들어가서 설정하고 싶은 코딩 컨벤션에 체크 후 다운로드
3. root 위치에 넣기
   - 문법상 오류가 있음에도 error가 없다고 나오는 경우가 있다. 이럴 경우 파일명을 제대로 처리해줬는지 확인해보자. (. 라는 숨김파일 표시를 해줘야함 → 결과물 .htmlhintrc)
   
   

3. 크롬 브라우저 내 web developer 확장프로그램 사용

• 확장 프로그램에서 web developer 설치 후 tools에서 선택하여 사용
• 유효성 검사를 위해 연결되는 링크가 W3C의 Validation Service이기 때문에 1번의 사이트로 바로 가는 것이 낫다..
  
  

4. vscode 내 HTMLHint 확장 프로그램 설치

확장 프로그램을 설치하면 problems 탭에 실시간 오류를 출력해준다.