주의사항 ❗️

HTML 태그의 class, id는 수정하지 않고 그대로 사용합니다.

모든 DOM은 HTML에 명시된 id를 선택자로 사용해 가져옵니다.

CSS 파일은 수정하지 않습니다.

기본적으로 정답은 index.js 파일에 작성하되, 다른 js 파일을 생성해 작성하는 것도 가능합니다.

기본 코드의 package.json에 명시된 라이브러리 외의 별도의 라이브러리 설치를 허용하지 않습니다.

권장사항 👍

1.함수를 기능 별로 분리해주세요. 2.일관성 있는 네이밍을 유지해주세요. 3.반복되는 기능은 하나로 통일해주세요. 4.ES6(ES2015) 이후의 모던 자바스크립트 문법을 활용해주세요.

요구사항 ✅

1. autofocus

페이지가 로드 된 시점에 ID 입력 창에 Focus가 되어 있어야 합니다.

2. 유효성 검사 로직

ID, 비밀번호, 비밀번호 확인 필드에 대한 유효성 검사를 수행해야 합니다.

유효성 검사 시점

input focus out 시 해당 input의 유효성을 검사합니다.

가입하기 버튼을 눌렀을 때 모든 필드의 유효성을 검사합니다.

유효성 검사 패턴

모든 필드의 값은 빠짐 없이 입력해야 합니다.

ID, 비밀번호, 비밀번호 확인 필드는 유효성 조건을 충족해야 합니다.