[JavaScript] Date타입 다루기

 

 

  Date

function nowToday() {


    let today = new Date();
    console.log(today);
}

오늘 이 시간, 2023년 6월 5일에 글을 작성하였다.

Date를 사용하는 방법은 위와 같다.

 

Date 타입은 매우 특이하다.

날짜를 불러올 때 매우 뒤죽박죽이기에  귀찮은 함수 중 하나이다.

 

 

let year = today.getFullYear(); // 년도
console.log(year);

let month = today.getMonth() + 1;  // 월
console.log(month);

let date = today.getDate();  // 날짜
console.log(date);

여기서 특이한 부분, 월을 가져올 때는 +1을 해야 원하는 값을 불러올 수 있다.

이 뜻은 지금의 월(月)보다 -1로 값을 불러오기 때문이다.

 

이렇게 먼저 설명하는 이유는, Date Type을 다룰때는 위와 같은 함정이 있기 때문에 조심할 필요가 있어서다.

 

 

  Date 생성하기 -1

Date 타입 만드는 방법- 1

  /**
   * Date 만드는 방법
   */
  function createTime() {
    let date1 = new Date("2023"); //2023년 1월 1일 09시
    let date2 = new Date("2023-06");  //2023년 6월 1일 09시
    let date3 = new Date("2023-06-05"); //2023년 06월 05일 09시
    let date4 = new Date("2023-06-05GMT12:00:00");  //2023년 06월 05일 21시(12+9)
    let date5 = new Date("2023-06-05UTC12:00:00");  //2023년 06월 05일 21시(12+9)
    let date6 = new Date("2023-06-05T12:00:00");    //2023년 06월 05일 12시
    let date7 = new Date("2023-05-05 12:00:00");    //2023년 06월 05일 12시
}

 Date에 원하는 시간을 대입하는 방법은 다음과 같다.

 

년, 월, 일을 Skip이 가능하며, 기본 시간은 오전09시이다.Date Type을 만들시 이 부분을 주의하도록 하자.

 

 

  Date 생성하기- 2

function createTime02() {
    console.log(new Date("Jan/05/2023"));
    console.log(new Date("Jan-06-2023"));
    console.log(new Date("05 Feb 2023"));
    console.log(new Date("05 March 2023"));
    console.log(new Date("01 May 2023"));
}

 숫자가 힘들다면,  문자로도 출력이 가능하다.

대, 소문자는 기본이며 Js가 표현하는 月의 영문 줄임말로도 생성이 가능하므로 이를 활용하도록 하자.

 

  Date 생성하기

function createTime03() {
    console.log(new Date("05/10/2023"));
    console.log(new Date("02-06-2023"));
    console.log(new Date("12 10 2023"));
}

 맨 처음 달력을 만드는 것보다 가독성이 뛰어난 Date 생성 문법이다.

이는 00시부터 시작한다는 차이가 존재한다.

 

 

  마무리

 Date를 생성하는 방법은 다양하다.

또한 Date Type을 사용 안 하기 위해 새로운 함수가 생겨나기도 하지만 그 함수들은 버전과 브라우저에 따라 호환성 문제가 완전히 없지 않기 때문에 이를 다루는 것은 기본적으로 알고 있어야 하는 문제로 해석된다.