[typescript] 정규 표현식을 사용하여 URL 형식 검증하는 방법
웹 애플리케이션을 개발하다 보면 사용자가 입력한 URL이 올바른 형식인지 확인해야 하는 경우가 있습니다. 이때 정규 표현식을 사용하여 URL 형식을 검증할 수 있습니다.
1. 정규 표현식 생성
const urlRegex: RegExp = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/
위의 정규 표현식은 http:// 또는 https:// 로 시작하고 도메인 이름과 최상위 도메인을 포함하는 URL에 일치합니다.
^(https?:\/\/)?: “http://” 또는 “https://”로 시작하는 부분입니다.([\da-z\.-]+): 도메인 이름을 나타내며 숫자, 영소문자, 점, 대시로 이루어집니다.([a-z\.]{2,6}): 도메인의 최상위 도메인을 나타내며 2자 이상 6자 이하의 알파벳과 점으로 이루어집니다.([\/\w \.-]*)*: 경로를 나타내며 문자, 숫자, 밑줄, 공백, 대시, 점으로 이루어집니다.\/?$: URL이 슬래시로 끝나도록 허용합니다.
2. URL 유효성 검사
function validateURL(input: string): boolean {
return urlRegex.test(input);
}
위의 코드는 입력된 URL이 정규 표현식과 일치하는지 검사하는 validateURL 함수입니다. 함수는 입력된 URL이 유효하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
3. 사용 예시
const inputURL: string = "https://www.example.com";
console.log(validateURL(inputURL)); // true
위의 예시에서는 입력된 URL이 정규 표현식에 부합하여 true를 반환하는 것을 볼 수 있습니다.
웹 애플리케이션을 개발할 때 사용자가 입력한 URL이 올바른 형식인지를 확인해야 하는 경우, 위와 같이 정규 표현식을 사용하여 URL 형식을 검증할 수 있습니다.