JavaScript에서 날짜를 다룰 때는 다양한 표기 형식을 이해하는 것이 중요합니다. Date 객체는 국제 표준 형식부터 일상적으로 사용되는 짧은 형식까지 여러 가지 방식으로 날짜를 표현할 수 있습니다.
JavaScript의 주요 날짜 형식
JavaScript가 따르는 대표적인 날짜 형식은 다음과 같습니다.
| 날짜 유형 | 형식 |
|---|---|
| ISO Date (국제 표준) | "2017-11-29" |
| Short Date (짧은 형식) | "11/29/2017" |
| Long Date (긴 형식) | "29 Nov 2017" |
| Full Date (전체 형식) | "Wednesday November 29 2017" |
각 형식의 특징
ISO Date는 ISO 8601 국제 표준을 따르는 형식으로, YYYY-MM-DD 순서로 표기됩니다. 데이터 교환이나 API 통신 시 가장 권장되는 형식입니다.
Short Date는 MM/DD/YYYY 형태로 간결하게 표시하며, 미국식 표기법을 따릅니다.
Long Date와 Full Date는 요일과 월 이름을 포함하여 사람이 읽기 쉬운 형태로 날짜를 보여줍니다.
현재 날짜 표시 예제
다음은 버튼을 클릭하면 현재 날짜를 화면에 출력하는 간단한 예제입니다.
<!DOCTYPE html>
<html>
<body>
<p>아래 버튼을 클릭하면 현재 날짜를 확인할 수 있습니다:</p>
<button onclick="display()">날짜 표시</button>
<p id="test"></p>
<script>
function display() {
var date = new Date();
document.getElementById("test").innerHTML = date;
}
</script>
</body>
</html>코드 설명
new Date() 생성자를 호출하면 현재 시점의 날짜와 시간 정보를 담은 객체가 생성됩니다. 이후 document.getElementById()를 통해 해당 요소를 찾아 innerHTML 속성에 날짜 값을 할당하면 화면에 결과가 표시됩니다.
버튼 클릭 시 브라우저 환경에 따라 "Wed Nov 29 2017 10:25:00 GMT+0900"과 같은 형태로 전체 날짜와 시간이 함께 출력됩니다.