반드시 오리진(origin)을 포함해야 합니다

이것도 갑자기 뭔가 낯선 용어인가 싶어서 찾아보았습니다.

먼저 이 그림을 확인하고 넘어가겠습니다.

 

https://javascript.info/url

URL 오브젝트의 각 속성을 그림 한 장으로 잘 설명하고 있습니다.

여기서 혼란스러울 수 있는 부분이 port인데 http, https의 기본 port인 80, 443은 생략될 수 있습니다.

 

let url = new URL('http://javascript.info:443/url');
console.log(url.origin); // http://javascript.info:443
url = new URL('http://javascript.info:80/url');
console.log(url.origin); // http://javascript.info
url = new URL('https://javascript.info:443/url');
console.log(url.origin); // https://javascript.info

 

첫 번째 값은 http인데 port를 443으로 설정했으니 기본 포트가 아니기 때문에 origin 속성값을 출력하면 port 값이 포함됩니다. 두 번째와 세 번째는 기본 포트이기 때문에 port 값을 생략한 채 표시됩니다.

 

* 참고

https://javascript.info/url

https://developer.mozilla.org/ko/docs/Web/API/URL/origin

https://url.spec.whatwg.org/#dom-url-origin