웹 문서는 생성된 이후 지속적으로 변경되며 그 생애 주기 동안 수많은 수정 과정을 거치게 됩니다. JavaScript는 문서가 마지막으로 수정된 시점을 확인할 수 있도록 document.lastModified라는 속성을 기본적으로 제공합니다. 이 속성을 사용하면 별도의 서버 설정 없이도 문서가 마지막으로 변경된 정확한 날짜와 시간을 손쉽게 가져올 수 있습니다.
기본 문법
Time = document.lastModified;
document.lastModified는 문자열 형태로 값을 반환하며, 일반적으로 'MM/DD/YYYY HH:MM:SS' 형식의 날짜와 시간 정보를 담고 있습니다.
예제 1 – document.write()로 출력하기
다음 예제는 document.lastModified를 사용해 문서의 마지막 수정 날짜와 시간을 페이지에 직접 출력하는 가장 기본적인 방법입니다.
<html>
<body>
<script>
document.write("This document is lastly modified on" + " " + document.lastModified);
</script>
</body>
</html>
실행 결과
This document is lastly modified on 07/29/2019 15:19:41
예제 2 – 특정 요소에 삽입하기
다음 예제는 document.getElementById()와 함께 document.lastModified를 활용하여, 페이지 내 특정 요소(<span>) 안에 마지막 수정 날짜와 시간을 동적으로 삽입하는 방법을 보여줍니다. 문서를 수정한 직후 실행하면 아래와 같이 해당 시각이 표시됩니다.
<html>
<body>
<p>This document was last modified <span id="modify"></span>.</p>
<script>
document.getElementById("modify").innerHTML = document.lastModified
</script>
</body>
</html>
실행 결과
This document was last modified 07/29/2019 15:26:23.
참고 사항
document.lastModified는 브라우저마다 반환되는 날짜 형식이 다를 수 있습니다. 따라서 이 값을 가공하거나 비교해야 하는 경우에는 new Date(document.lastModified)처럼 Date 객체로 변환한 뒤 원하는 형식으로 포맷팅하는 것이 좋습니다. 또한 이 값은 서버가 전달하는 HTTP 헤더의 Last-Modified 정보를 기반으로 하므로, 동적으로 생성되는 페이지에서는 실제 파일 수정 시각과 다르게 표시될 수 있다는 점도 유의해야 합니다.