Date 객체는 자바스크립트 언어에 내장된 데이터 타입으로, 날짜와 시간을 다룰 때 필수적으로 사용됩니다. Date 객체는 new Date() 생성자를 통해 아래와 같이 생성할 수 있습니다.
Date 객체가 한 번 생성되면, 다양한 내장 메서드를 활용해 객체에 저장된 값을 조작할 수 있습니다. 대부분의 메서드는 로컬 시간 또는 UTC(협정 세계시, GMT) 기준으로 객체의 연도, 월, 일, 시, 분, 초, 밀리초 필드를 읽거나 설정하는 기능을 제공합니다.
그중 toDateString() 메서드는 Date 객체에서 시간 정보를 제외한 날짜 부분만 문자열 형태로 반환합니다.
문법(Syntax)
toDateString() 메서드의 기본 문법은 다음과 같습니다.
dateObj.toDateString();
예제 1: 특정 날짜 지정하기
아래 예제에서는 Date 생성자에 특정 날짜와 시간을 전달한 후, toDateString() 메서드로 날짜 부분만 추출하여 출력합니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var dateObj = new Date('September 26, 89 12:4:25:96');
document.write("Current Date: " + dateObj.toDateString());
</script>
</body>
</html>
실행 결과
Current Date: Tue Sep 26 1989
출력 결과를 보면 원본 데이터에 포함되어 있던 시간 정보(12:4:25:96)는 제외되고, 요일·월·일·연도만 문자열로 반환된 것을 확인할 수 있습니다.
예제 2: 현재 날짜 가져오기
Date 생성자에 아무런 매개변수를 전달하지 않으면, toDateString() 메서드는 호출 시점의 현재 날짜에 해당하는 문자열을 반환합니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var dateObj = new Date();
document.write("Current Date: " + dateObj.toDateString());
</script>
</body>
</html>
실행 결과
Current Date: 18/10/2018
정리
toDateString() 메서드는 별도의 매개변수 없이 간단하게 사용할 수 있으며, 화면에 날짜를 표시하거나 로그를 기록할 때 유용하게 활용됩니다. 참고로 반환되는 문자열 형식은 브라우저 및 실행 환경에 따라 다소 차이가 있을 수 있으므로, 일관된 형식이 필요하다면 toLocaleDateString()과 같은 메서드를 함께 고려해 보는 것이 좋습니다.