웹 개발에서 URL 유효성을 검사하는 것은 매우 중요합니다. JavaScript에서는 정규 표현식을 사용하여 URL이 유효한지 여부를 쉽게 확인할 수 있습니다.

정규 표현식 패턴

다음은 URL 유효성을 검사하기 위한 간단한 정규 표현식 패턴입니다.

const urlPattern = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/

위의 패턴은 “http://” 또는 “https://”로 시작하는 URL을 허용하며, 도메인과 최상위 도메인을 제한합니다. 이 패턴은 경로에 대해서도 유효성을 검사합니다.

URL 유효성 검사 함수

다음은 JavaScript에서 정규 표현식을 사용하여 URL을 유효성을 검사하는 함수의 예시입니다.

function isValidURL(url) {
  const urlPattern = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/
  return urlPattern.test(url);
}

// 사용법
console.log(isValidURL('https://www.example.com')); // true
console.log(isValidURL('invalid-url')); // false

요약

정규 표현식을 사용하여 URL 유효성을 검사하는 방법을 알아보았습니다. 이를 통해 웹 개발에서 URL을 다룰 때 안전하고 효율적으로 유효성을 확인할 수 있습니다.

참고 문헌: MDN Web Docs - 정규 표현식