JavaScript로 현재 연도를 자동으로 업데이트하는 방법

바닥글에서 현재 연도를 자동으로 업데이트하는 것은 가장 쉬운 작업 중 하나입니다. 불행히도 많은 웹사이트 소유자는 현재 연도를 표시하는 것이 저작권 문제와 사용자에게 웹사이트가 최신 상태임을 알리는 것이 중요하다는 사실을 모르고 있습니다.

HTML은 대부분의 오래된 웹사이트와 일부 최신 사이트에서 바닥글에 표시되는 방식입니다.

<span>© 2018 Company Name</span>

이 정적 타임스탬프 접근 방식을 사용하여 웹 사이트 소유자는 매년 표시된 연도를 수동으로 편집해야 합니다. 이것은 비현실적입니다.

모든 웹사이트와는 달리 바닥글 정보를 쉽게 편집할 수 있는 사용자 친화적인 UI 대시보드가 있습니다. 따라서 웹사이트 소유자는 HTML 파일을 직접 편집하거나 다른 사람을 고용하여 편집해야 합니다.

이것은 시간과 자원의 낭비입니다.

불행히도, 현재 연도를 표시하지 않으면 웹사이트가 구식으로 보일 수 있습니다. 오늘 웹사이트에 방문했지만 웹사이트의 현재 연도가 2015년이라면 당신은 생각해?

정확히. 웹사이트가 아직 활성화되어 있는지 궁금합니다.

오늘이 지나면 자신의 사이트나 고객의 웹사이트에서 이 문제에 대해 걱정할 필요가 없습니다.

위의 HTML에서 본 정적 타임스탬프를 사용하는 대신 기본 JavaScript 날짜 메서드인 getFullYear():를 추가하여 동적 타임스탬프를 만들어 보겠습니다. 바닥글로 이동합니다.

먼저 다음 코드를 브라우저 콘솔(또는 콘솔이 있는 텍스트 편집기)에 추가하여 테스트할 수 있도록 합니다.

document.write(new Date().getFullYear());

Enter 키를 누르면 브라우저 창의 왼쪽 상단에 현재 날짜가 표시됩니다.

이 CodePen 예제 내에서 함수의 코드를 볼 수 있습니다. 콘솔 창을 보십시오.

이제 작동한다는 것을 알았으므로 getFullYear()를 살펴보겠습니다. 위의 코드를 만들고 이전의 바닥글 HTML 안에 래핑합니다.

<span>
  &copy;<script>document.write(new Date().getFullYear());</script> Company Name
</span>

결과:

축하합니다. 더 이상 연도 타임스탬프를 최신 상태로 유지하는 것에 대해 걱정할 필요가 없습니다. 여기에서 JavaScript가 처리됩니다.

<span>
  &copy; 2016-<script>document.write(new Date().getFullYear());</script> Company
  Name
</span>