JavaScript의 Date 객체 이해하기

시간은 프로그래밍에서 필수적인 역할을 합니다. 특히 시간과 날짜의 처리 및 표시에는 다양한 문제가 발생할 수 있습니다. 이 글에서는 시간을 지정하고 작업할 수 있는 JavaScript의 날짜 객체에 초점을 맞출 것입니다. 날짜 객체를 만드는 방법, 시간과 날짜를 편집하는 다양한 방법, 날짜 객체의 중요한 메서드에 대해 알아볼 것입니다. 이 지식은 애플리케이션에서 정확한 시간 사양을 구현하는 데 도움이 될 것입니다.

주요 결과

1. JavaScript의 날짜 객체는 1970년 1월 1일 이후 경과한 시간을 표시합니다.
2. 현재 시간뿐만 아니라 특정 시점에 대해서도 날짜 객체를 인스턴스화할 수 있습니다.
3. 연도, 월, 일, 시간, 분 등 날짜 및 시간의 특정 부분을 검색할 수 있는 다양한 게터 메서드가 있습니다.

단계별 지침

날짜 개체 만들기

간단한 날짜 객체를 만드는 것부터 시작해 보겠습니다. Date 클래스를 사용하여 이 작업을 수행할 수 있습니다. 예를 들어 지금과 같은 변수를 만들고 새 Date()로 초기화합니다. 그러면 현재 날짜와 시간이 표시됩니다. 결과를 확인하려면 예를 들어 document.write를 사용하여 이 변수를 출력하면 됩니다.

현재 날짜 출력

페이지를 새로고침하면 Date 객체가 제공하는 정보를 확인할 수 있습니다. 요일, 월, 일, 연도는 물론 정확한 시간과 표준 시간대에 대한 정보를 얻을 수 있습니다. 이 출력은 날짜 개체에서 정보를 추출하는 방법을 간단한 방법으로 보여줍니다.

특정 값으로 날짜 만들기

이제 특정 값으로 날짜를 만드는 방법을 살펴보겠습니다. 특정 날짜를 설정하려면 새 날짜(...)를 사용하여 이 작업을 수행합니다. 연도로 시작하여 월과 일을 차례로 입력합니다. 월은 0에서 시작한다는 점에 유의하세요. 즉, 1월은 0이고 12월은 11입니다.

날짜 객체에 시간 추가하기

날짜 외에도 시간 정보를 추가할 수 있습니다. 시간을 만들려면 날짜를 만들 때 시, 분, 초를 지정할 수 있습니다. 예를 들어 오후 3시 13분 10초를 추가할 수 있습니다. 이 확장 기능을 사용하면 날짜를 정확하게 정의할 수 있습니다.

현재 시간을 독일어 형식으로 출력

이제 날짜 함수를 사용하여 현재 시간을 독일어 형식으로 출력합니다. 여기서 게터 메서드를 사용하여 시, 일, 월, 연도를 쿼리할 수 있습니다. 목표는 현재 날짜를 표시하는 페이지를 다시 로드한 후 알림으로 표시할 메시지를 만드는 것입니다.

월 인덱스 수정

이전 예제에서 바로 월에 +1을 추가해야 한다는 점에 유의해야 합니다. JavaScript는 0~11까지 월을 계산하므로 올바른 월 번호를 표시하려면 이 단계가 필요합니다. 스크립트를 다시 시작할 때 출력에 현재 월이 올바르게 표시되는지 확인하세요.

완전한 날짜에 시간 서식 지정

날짜와 시간의 서식을 지정하려면 다양한 가져오기 메서드를 결합할 수 있습니다. getHours()를 사용하여 시간을 쿼리하고 getMinutes()를 사용하여 분을 쿼리할 수 있습니다. 정보를 결합하고 그에 따라 서식을 지정하면 날짜와 시간을 모두 표시하는 읽기 쉬운 출력을 얻을 수 있습니다.

출력 최종 확인

최종 출력을 확인하여 모든 것이 올바르게 작동하는지 확인하세요. 명확하고 모든 사용자 요청이 고려되도록 서식을 지정하는 것이 좋습니다. 이렇게 하면 정보를 처리할 때 사용자에게 긍정적인 경험을 제공할 수 있습니다.

요약 - JavaScript 및 jQuery의 날짜 객체에 대한 종합 튜토리얼

이 튜토리얼을 통해 JavaScript에서 Date 객체를 사용하여 현재 시간과 특정 시간 정보를 관리하는 방법을 배웠습니다. 다양한 게터 메서드를 사용하여 정확한 값을 쿼리하고 출력할 수 있습니다. 이 지식을 바탕으로 애플리케이션에서 시간과 날짜 정보를 효과적으로 사용할 수 있습니다.