웹 개발을 하다 보면 현재 브라우저에 로드된 문서가 어떤 서버에서 왔는지, 즉 해당 서버의 도메인 이름이 필요한 경우가 종종 있습니다. 이럴 때 JavaScript에서 제공하는 domain 속성을 사용하면 아주 간단하게 확인할 수 있습니다.
document.domain 속성이란?
document.domain은 현재 문서를 로드한 서버의 도메인 이름을 문자열로 반환하는 속성입니다. 예를 들어 www.example.com에서 페이지를 열었다면 이 속성은 www.example.com 값을 가지게 됩니다.
이 속성은 주로 동일 출처 정책(Same-Origin Policy) 관련 작업이나, 현재 페이지가 속한 도메인 정보를 화면에 표시하거나 조건 분기에 활용할 때 유용합니다.
예제 코드
아래 코드를 실행하면 문서를 로드한 서버의 도메인 이름이 화면에 출력됩니다.
<!DOCTYPE html>
<html>
<body>
<script>
var myDomain = document.domain;
document.write("<br>문서를 로드한 서버의 도메인 이름: " + myDomain);
</script>
</body>
</html>코드 설명
1. var myDomain = document.domain; — 현재 문서의 도메인 이름을 가져와 변수에 저장합니다.
2. document.write(...) — 저장된 도메인 이름을 페이지에 출력합니다.
참고로 최신 개발 환경에서는 document.write() 대신 console.log()나 DOM 조작(textContent 등)을 사용하는 것이 권장됩니다. 필요에 따라 상황에 맞게 활용하시기 바랍니다.