Team Project

정규표현식을 통한 체크

전화번호 체크

$("#inputPhoneNumber").keyup(function() {
    // 전화번호 재입력시 
    checkPhoneNumber = false;
    const pn = $("#inputPhoneNumber").val();

    const phoneNumberRegex = /^\d{3}\d{3,4}\d{4}$/;

    if (phoneNumberRegex.test(pn)) {
        checkPhoneNumber = true;
        let formattedPhoneNumber = "";

        if (pn.length === 10) {
            formattedPhoneNumber = pn.substring(0, 3) + "-" + pn.substring(3, 6) + "-" + pn.substring(6);
        } else if (pn.length === 11) {
            formattedPhoneNumber = pn.substring(0, 3) + "-" + pn.substring(3, 7) + "-" + pn.substring(7);
        }

        $("#phoneNumber").val(formattedPhoneNumber);
    }

    enableSubmit();
});

test()는 자바스크립트의 내장 메서드 중 하나로 주어진 정규표현식과 문자열을 비교하여 일치 여부를 판단하는 역할을 한다고 한다.
test() 메서드는 정규표현식 객체의 메서드로 호출되며 다음과 같은 구문으로 사용된다.

정규표현식.test(문자열)

여기서 정규표현식은 검사하고자 하는 정규표현식을 나타내며 문자열은 해당 정규표현식과 비교하고자 하는 문자열이다.
test() 메서드는 문자열이 정규표현식과 일치하는지 여부에 따라 true 또는 false 값을 반환한다.

따라서 코드에서 phoneNumberRegex.test(pn)는 pn 변수에 저장된 전화번호 문자열이 phoneNumberRegex 정규표현식과 일치하는지를 검사하고, 일치하는 경우 true 값을 반환한다.
이를 통해 전화번호의 유효성을 확인하고 유효한 경우에만 하이픈을 추가하여 formattedPhoneNumber 변수에 저장한다.

자바스크립트의 test() 메서드와 자바의 matches() 메서드는 비슷한 역할을 한다.
두 메서드 모두 정규표현식과 문자열을 비교하여 일치 여부를 판단하는 기능을 제공한다.

자바의 matches() 메서드는 String 클래스의 메서드로 호출되며, 다음과 같은 구문으로 사용된다.

문자열.matches(정규표현식)

여기서 문자열은 비교하고자 하는 문자열을 나타내며 정규표현식은 검사하고자 하는 정규표현식이다.
matches() 메서드는 문자열이 정규표현식과 완전히 일치하는지 여부에 따라 true 또는 false 값을 반환한다.
따라서 자바의 matches() 메서드와 자바스크립트의 test() 메서드는 비슷한 역할을 하지만사용하는 언어에 따라 다르게 구현되어있다.
각각의 언어에서 해당 메서드를 사용하여 정규표현식을 검사하고 일치 여부를 판단할 수 있다.