데이터를 가져와서 날짜를 표출 하는 객체인 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 |