[JavaScript] Date 객체 활용하여 날짜와 시간 출력하기 [자바스크립트 날짜, 시간 format 지정하기]

---

- Date 객체 활용하여 날짜와 시간 출력하기

// Date 객체를 생성 및 "YYYY-MM-DD"의 형태로 "2023-12-21" 을 전달
let nowDate = new Date("2023-12-21");
console.log(nowDate); // Thu Dec 21 2023 09:00:00 GMT+0900

// 값을 전달하지 않으면 현재 날짜 출력
let nowDate = new Date();
console.log(nowDate); // Sat Jun 03 2023 20:56:46 GMT+0900

---

- 월, 일, 요일 구하기

// Date 객체는 월을 표기할 때에는 1월을 0, 2월을 1, ..., 12월을 11로 표기한다.
let nowDate = new Date();
let month = nowDate.getMonth() + 1; // 월
let date = nowDate.getDate();       // 일
let day = nowDate.getDay();         // 요일
console.log(`${month}월 ${date}일 ${day}요일`); // 6월 3일 6요일

// getDay 메서드는 특정 날짜의 요일에 해당하는 값을 숫자로 반환한다.
// 일요일부터 토요일까지 순서대로 0 부터 6까지의 숫자로 요일을 나타냄
const week = ["일", "월", "화", "수", "목", "금", "토"];
console.log(`${month}월 ${date}일 ${week[day]}요일`); // 6월 3일 토요일

---

- 시, 분, 초 구하기

let nowDate = new Date();
let hours = nowDate.getHours();     // 시
let minutes = nowDate.getMinutes(); // 분
let seconds = nowDate.getSeconds(); // 초
console.log(`${hours}:${minutes}:${seconds}`); // 21:2:3

// 숫자가 한 자리일 경우에는 앞에 0을 붙여준다.
const modifyNumber = (number) => {
  return parseInt(number) < 10 ? "0" + number : number;
};

hours = modifyNumber(nowDate.getHours());
minutes = modifyNumber(nowDate.getMinutes());
seconds = modifyNumber(nowDate.getSeconds());
console.log(`${hours}:${minutes}:${seconds}`); // 21:02:03

---

- 참고자료

웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 인프런 | 강의

---