Dr.Mlem Blog

regexHelper.value('#user\_id', '아이디를 입력하세요'); regexHelper.minLength('#user\_id', 4, '아이디는 최소 4글자 이상 입력 가능합니다') regexHelper.maxLength('#user\_id', 20, '아이디는 최대 20글자까지만 입력 가능합니다') regexHelper.engNum('#user\_id', '아이디는 영어+숫자로만 입력하세요') regexHelper.value('#user\_pw', '비밀번호를 입력하세요'); regexHelper.minLength('#user\_pw', 4, '비밀번호는 최소 4글자 이상 입력 가능합니다'..

this.value(selector, msg); 이 부분은 무슨 말이야? ChatGPT said:ChatGPTthis.value(selector, msg);는 RegexHelper 클래스 내부의 value() 메소드를 호출하는 부분입니다. 이 호출은 특정 HTML 요소의 값이 존재하는지 (즉, 비어있지 않고, 공백만 아닌 유효한 내용을 포함하고 있는지) 확인하기 위해 사용됩니다.메소드 호출의 맥락this 키워드는 현재 클래스의 인스턴스, 여기서는 RegexHelper 객체를 가리킵니다.value() 메소드는 해당 객체의 메소드로, 두 개의 파라미터를 받습니다:selector: 검사하고자 하는 HTML 요소의 CSS 선택자입니다. 이 선택자는 특정 요소를 식별하는 데 사용됩니다.msg: 만약 해당 요소..

class RegexHelper{    /**     * 값의 존재 여부를 검사한다     * @param {string} selector 검사할 대상에 대한 요소의 selector     * @param {string} msg      값이 없을 경우 표시할 메시지 내용     * @returns     */    value(selector, msg){        const content = document.querySelector(selector).value;         if(content === undefined|| content === null|| (typeof content ==='string' && content.trim().length===0)){            throw new ..