JavaScript에서 현재 페이지의 인터넷 호스트 포트 번호를 가져오려면 window.location.port 속성을 사용하면 됩니다. 이 속성은 브라우저가 현재 접속한 URL의 포트 번호를 문자열 형태로 반환합니다.
기본 사용 방법
window.location.port는 Location 객체의 속성 중 하나로, 별도의 설정 없이 즉시 사용할 수 있습니다. 아래 코드를 실행하면 현재 페이지의 포트 번호가 화면에 출력됩니다.
<!DOCTYPE html>
<html>
<body>
<script>
document.write("Port: " + window.location.port);
</script>
</body>
</html>참고 사항
URL에 명시적인 포트 번호가 없는 경우, 즉 HTTP(80) 또는 HTTPS(443)와 같은 기본 포트를 사용하는 경우에는 브라우저에 따라 0 또는 빈 문자열('')이 반환될 수 있습니다. 따라서 실제 서비스에서는 반환값이 비어 있는지 먼저 확인한 후 처리하는 것이 좋습니다.
예를 들어 다음과 같이 조건문을 활용하면 기본 포트 상황도 안전하게 처리할 수 있습니다.
const port = window.location.port || (window.location.protocol === 'https:' ? '443' : '80');
console.log("현재 포트: " + port);이처럼 window.location.port 속성을 활용하면 현재 페이지의 포트 정보를 간단하고 신뢰성 있게 확인할 수 있습니다.