[Javascript]Date 객체로 날짜 생성하기

📖 Date 객체 함수

- Date 객체를 사용하여 생성 시간을 이용할 때  사용하게 된다 또한 Date 객체는 1970년 1월 1일 부터 현재까지 경과한 밀리초를 나타내는 값을 가지고 있습니다. 여기서 Date 생성자에 날짜 문자열을 전달해서 특정한 날짜를 가리키는 객체를 만들 수도 있습니다.

 

 

📖 Date 생성  (년도, 월, 일, 시, 분, 초, 밀리초)

const date = new Date() // Date객체를 date라는 변수에 할당한다.

date.getFullYear();         // 현재 연도를 반환한다. ex) 현재 년도 2023
date.getMonth() + 1;        // 현재 월을 반환한다. ex) 현재 월 4 (주의사항)
date.getDate();             // 현재 일을 반환한다. ex) 현재 일 9일 
date.getHours();            // 현재 시를 반환한다. ex) 16(시)
date.getMinutes();          // 현재 분을 반환한다. ex) 21(분)
date.getSeconds();          // 현재 초를 반환한다. ex) 00(초)
date.getMilliseconds();     // 현재 밀리초를 반환한다.

* 주의사항: getMonth +1 이유? : getMonth() 반환값을 0월부터 11월 까지이므로 즉 0월 = 1월이라는것이다. 그래서 우리는 +1을 증가시키므로 일반적인 월로 반환할 수 있게 된다. 

 

📖 Date 사용

const date = new Date() 

const yy = date.getFullYear()
const mm = date.getMonth() + 1
const dd = date.getDate()

const today = `${yy}년 ${mm}월 ${dd}일`
// 2023년 4월 9일

 

* 여기서  월과 일에 뒤에 0을 붙히고 싶으면? ex) 04월 09일?

const date = new Date() 

const yy = date.getFullYear()
const mm = String(date.getMonth() + 1).padStart(2,"0")
const dd = String(date.getDate()).padStart(2,"0")

const today = `${yy}년 ${mm}월 ${dd}일`

- 월과 일을 문자열을 주며 padStart(얼마나 앞에?ex) 2 , 무엇을 채울거지? ex) "0")이용해주면된다 

** padStart()문자열 앞에 채울 수 있다. 

** padEnd() 문자열 뒤에 채울 수 있다. 

 

 

 

 

 

#참고 문헌 출처:

https://sisiblog.tistory.com/246

[javascript] 자바스크립트 Date 사용 방법 (현재 날짜 가져오기)

https://goddaehee.tistory.com/234

[JavaScript (11)] Javascript Date 객체, Date 메소드(getDate, getFullYear, getMonth 등)

https://nobacking.tistory.com/27

[Javascript] 자바스크립트 날짜(Date) 함수 정리