Page 25 -

합니다. new Set('1231')을 하면 Set 내부에는 1, 2, 3만 들어갑니다. 이를 통해 Set의 요소
개수를 세면 중복된 값이 있는지 아닌지를 검사할 수 있습니다. 중복이 없다면 4가 나오지만,

중복이 있다면 4보다 작은 값이 나올 테니까요. 그리고 Set의 요소 개수를 구할 때는 length가
아니라 size를 사용합니다.

NOTE HTML5의 검증 기능 활용하기

여기서는 입력값을 자바스크립트로 검사하지만, HTML 자체에서도 입력값 검사 기능을

제공합니다. 브라우저에서 자바스크립트 코드를 실행하지 않는 경우도 있으므로(사용자 5장
가 브라우저 환경 설정에서 자바스크립트를 실행하지 않게 설정할 수 있습니다.) HTML
로도 검사해 보는 것이 좋습니다. 반복문 사용하기_숫자야구 게임

<input
required
type="text"
id="input"
minlength="4" maxlength="4" pattern="^(?!.*(.).*\1)\d{4}$">

몇 가지 검증 속성을 사용했습니다. required는 입력값이 필수라는 의미이고, type=
"text"는 입력값이 문자열로 인식된다는 뜻입니다. minlength와 maxlength는 각각 입

력값의 최소 길이와 최대 길이를 의미합니다. pattern은 조금 어려운데, 정규 표현식
(regular expression)으로 입력값을 검사하는 기능입니다. 현재 작성한 정규 표현식은 중
복되지 않은 4자리 숫자를 의미합니다. ^(?!.*(.).*\1)\d{4}$ 문자열이 어떻게 이런 의

미가 되는지 제대로 설명하려면 책 한 권 분량이 나오므로 여기서는 설명을 생략합니다.
하지만 짧은 코드로도 매우 강력한 문자열 검사를 할 수 있으므로 익혀 두기를 권장합니

다. 참고할 만한 사이트로 https://github.com/ziishaned/learn-regex를 추천합
니다.

HTML 자체의 검사를 통과하지 못한다면 다음과 같이 에러 메시지가 표시됩니다.
 계속

251