반응형

데이터를 가져와서 날짜를 표출 하는 객체인 Date 객체의 사용법을 알아봅시다 

 

백엔드에서 가져오는 날짜 데이터를 바로 쓴다면 상관은 없겠지만 프론트앤드 단에서 

날짜를 사용해서 사용자에게 표출 및 조작 해야 하는 상황이라면 javascript에서 

날짜를 다룰줄 알아야 합니다 

 

Date객체는 날짜를 다루기에 유용하도록 만들어져있으니 한번 배워보도록 합시다 

 

아 그리고 중요한 부분이 있는데 Date객체는 생성자 함수이므로 함수와 같이 호출합니다 

예를들면 java의 class를 생각해보시면 될것같습니다 ㅎㅎ 

 

var day = new Date();

var now = new Date(2022, 5, 23);

new Date(); 구문에서 day변수에는 오늘 날짜가 저장됩니다 

 

그리고 now 변수에는 제 생일을 넣어줬습니다 그런데 제 생일은 6월23일인데 왜 5월로 넣었느냐

 

javascript에서는 1월이 = 0월입니다 그렇기 때문에 1개월을 뺀 5월을 넣어준것입니다 

 

이제는 실제 사용하는 방법을 알아 보도록 합시다 

 

//년
day.getFullYear();
day.setFullYear(2022);

//월
day.getMonth();
day.setMonth(5);

//일
day.getDay();
day.setDay(4); // 0일요일 1월요일 2화요일 3수요일

//시간
day.getHours();

//분
day.getMinutes();

//초
day.getSeconds();

유용한 메소드들이 많이 있습니다 이 메소드들로 데이터를 출력 할수 있고

 

중요한것은 날짜를 계산하는것입니다 

 

제가 경험한 내용을 토대로 이야기 해보겠습니다 

 

사용자가 글을 작성 할때 이 글이 다른 사용자들에게 한달동안만 보여지게 하고싶다 

라는 요구가 발생 했을때 글 작성 시점부터 한달 뒤가 어느 일자인지 알아낸 후 

데이터 베이스에 저장해야 할텐데 ( 물론 다른 방법들도 많이 있습니다 ㅎㅎ )

이럴때 월의 데이터를 빼면 그만입니다 

 

day.setMonth(day.getMonth() -1);

매우 간단한 방법으로 연산이 가능합니다 

(물론 이 월은 이미 +1이 된 상태로 가정하겠습니다)

 

이처럼 유용한 객체중 하나인 Date객체를 알아봤습니다 

반응형

'Developer > Javascript' 카테고리의 다른 글

[javascript]생성자(constructor)  (0) 2022.06.22
[javascript]Document  (0) 2022.06.21
[javascript]콜백  (0) 2022.06.15
[javascript]리스너  (0) 2022.06.15
[javascript]배열  (0) 2022.06.10
복사했습니다!