Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript로 현재 연도 출력하기 – getFullYear() 메서드 사용법

JavaScript에서 현재 연도 구하기

JavaScript에서 현재 연도를 가져오려면 getFullYear() 메서드를 사용하면 됩니다. 이 메서드는 Date 객체의 기본 제공 메서드로, 현지 시간 기준으로 연도(예: 2025)를 네 자리 숫자로 반환합니다.

사용 방법은 매우 간단합니다. 먼저 new Date()로 현재 날짜 객체를 생성한 후, 해당 객체에서 getFullYear()를 호출하면 현재 연도를 손쉽게 얻을 수 있습니다.

예제 코드

아래 예제는 버튼을 클릭하면 현재 연도가 화면에 표시되는 코드입니다. 직접 실행해 결과를 확인해 보세요.

<!DOCTYPE html>
<html>
   <body>
      <p>아래 버튼을 클릭하면 현재 연도를 확인할 수 있습니다:</p>
      <button onclick="display()">연도 표시</button>
      <p id="test"></p>
      <script>
         function display() {
            var date = new Date();
            var res = date.getFullYear();
            document.getElementById("test").innerHTML = res;
         }
      </script>
   </body>
</html>

코드 설명

  • new Date(): 현재 날짜와 시간 정보를 담은 Date 객체를 생성합니다.
  • getFullYear(): Date 객체에서 현지 시간 기준의 네 자리 연도를 반환합니다.
  • document.getElementById().innerHTML: 조회한 연도 값을 화면의 지정된 요소에 출력합니다.

참고 사항

getFullYear()는 항상 네 자리 연도를 반환하므로, 2000년 문제(Y2K) 같은 오류 걱정 없이 안전하게 사용할 수 있습니다. 반면 더 이상 권장되지 않는 getYear() 메서드는 브라우저에 따라 1900을 기준으로 한 값(예: 2025년일 경우 125)을 반환할 수 있으므로, 항상 getFullYear()를 사용하는 것이 좋습니다.