JavaScript에서 현재 날짜를 'YYYY-MM-DD' 형식으로 얻는 방법

JavaScript에서 현재 날짜를 'YYYY-MM-DD' 형식으로 얻는 방법이며,

이 방법은 웹 개발에서 자주 사용되며, 특히 날짜 관련 데이터를 처리할 때 매우 중요합니다.

 

기본 개념

JavaScript의 Date 객체를 사용하여 현재 날짜와 시간을 얻을 수 있습니다.

하지만 기본적으로 Date 객체는 전체 날짜와 시간 정보를 포함한 긴 문자열 형태로 날짜를 반환합니다.

때문에, 우리가 원하는 'YYYY-MM-DD' 형식으로 변환하는 추가 작업이 필요합니다.

 

단계별 구현

1. 현재 날짜 가져오기

먼저 new Date() 함수를 사용하여 현재 날짜와 시간을 포함한 Date 객체를 생성합니다.

var today = new Date();

 

2. 년, 월, 일 정보 추출

getFullYear(), getMonth(), getDate() 메소드를 사용하여 년, 월, 일을 각각 추출합니다.

주의할 점은 getMonth() 메소드가 0부터 시작하여 월을 반환한다는 것입니다.

즉, 1월은 0, 2월은 1로 표시됩니다.

따라서 실제 월을 얻기 위해서는 1을 더해야 합니다.

var year = today.getFullYear();
var month = today.getMonth() + 1; // 1을 더함
var day = today.getDate();

 

3. 두 자리 수 형식 유지

월과 일이 한 자리 수일 경우, 앞에 '0'을 추가하여 두 자리 수로 만듭니다.

이를 위해 String.prototype.padStart() 함수를 사용할 수 있습니다.

month = String(month).padStart(2, '0');
day = String(day).padStart(2, '0');

 

4. 최종 형식 결합

마지막으로, 년, 월, 일을 "-"로 연결하여 최종적인 'YYYY-MM-DD' 형식을 완성합니다.

var formattedDate = year + '-' + month + '-' + day;

 

전체 코드

아래는 전체 과정을 하나의 함수로 구현한 예제 코드입니다.

function getCurrentDate() {
    var today = new Date();
    var year = today.getFullYear();
    var month = String(today.getMonth() + 1).padStart(2, '0');
    var day = String(today.getDate()).padStart(2, '0');
    return year + '-' + month + '-' + day;
}

console.log(getCurrentDate()); // 출력 예시: 2024-01-11

이 코드를 사용하면, 현재 날짜를 'YYYY-MM-DD' 형식으로 쉽게 얻을 수 있습니다.

 

추가적으로 'YYYY-MM-DD'가 아닌 'YYYY.MM.DD' 같은 다른 형태를 원한다면 해당 return 부분에 문자만 변경해주면 됩니다.