이번 시간에는 날짜와 시간을 출력해보자.
new Date()
이 함수를 사용하면 아래의 결과값이 나온다.
Tue Jul 27 2021 06:49:53 GMT+0900 (한국 표준시)
인자로 어떤 값을 넣느냐에 따라 결과값이 다르다.
milliseconds를 넣으면 '1970년 1월 1일 00:00'를 기준으로 밀리초만큼 경과한 날짜와 시간을 반환한다. new Date(1000)의 결과값이다.
Thu Jan 01 1970 09:00:01 GMT+0900 (한국 표준시)
dateString을 넣으면 string을 반환한다. new Date(2021/01/01)의 결과값이다.
Fri Jan 01 2021 00:00:00 GMT+0900 (한국 표준시)
자세한 내용은 Reference를 참고하자.
toLocaleDateString
이 method를 사용하면 조건에 따른 date 결과값을 출력해준다.
첫 번째 인자에 나라 이름, 두 번째 인자에 조건을 적어준다.
조건(options)
자주 쓰는 조건들만 알아보고 나머지는 Reference를 참고하자.
- weekday : "narrow", "short", "long"
- year : "2-digit", "numeric"
- month : "2-digit", "numeric", "narrow", "short", "long"
- day : "2-digit", "numeric"
new Date().toLocaleDateString( "ko", { year:"numeric" } )의 결과값이다.
"2021년"
toISOString
간단하게 date를 나타내고 싶을 때 사용하면 좋은 method다.
단, toISOString함수는 UTC시간을 기준으로 반환하기 때문에 한국과는 9시간 차이난다.
new Date().toISOString()의 결과값이다.
// 현재 시간은 18:18임
"2021-07-27T09:18:09.539Z"만약 "2021-07-27"만 출력하고 싶다면 substr method를 사용하면 된다.
=> new Date().toISOString().substr(0, 10)
padStart
default로 시간은 "1:01, 1:02, 1:03..." 이런 형태로 출력된다.
"01:01, 01:02, 01:03..."와 같은 형태로 출력하고 싶을 때 이 method가 유용하다.
첫 번째 인자에 문자열 길이, 두 번째 인자에 문자를 넣어준다.
const str1 = '5';
console.log(str1.padStart(2, '0'));위의 경우 문자열의 길이는 2이고 부족한 길이에 대해선 0으로 채운다는 말이다. 즉, str1은 문자열이 '5'이므로 길이는 1이고 부족한 길이를 0으로 채워야 한다. 따라서 05가 출력된다.
