[Javascript] 날짜 표현방법

안녕하세요~ 이번 포스팅에서는 자바스크립트로 날짜를 표현하는 방법에 대해 알아보겠습니다.

 

자바스크립트 함수 중에 날짜를 표현할 수 있는 Date() 함수를 이용하면 날짜를 쉽게 출력할 수 있습니다.

var date = new Date();
var year = date.getFullYear();
var month = date.getMonth();
var day = date.getDate();

Date함수를 이용하면 실시간으로 현재 날짜와 시간을 변수에 담을 수 있습니다.

 

날짜 정보 전체를 담아와서 년도, 월, 일을 따로따로 다른 변수에 담아보았습니다.

 

console.log(year);
console.log(month);
console.log(day);

각각 출력을 해보면 현재 년도와 월, 일이 차례로 나옵니다.

 

하지만 이렇게 출력을 하면 월, 일은 int형으로 출력되기때문에 한자리수 날짜(ex:1월1일)를 '01월 01일' 과 같이 표현하고 싶을 때가 있습니다.

var month = new String(date.getMonth() + 1);
month = month >= 10 ? month : '0' + month;     // month 두자리로 저장
var day = new String(date.getDate());
day = day >= 10 ? day : '0' + day;                            //day 두자리로 저장

 

그럴때는 위의 코드를 사용하면 한자리 수 날짜 앞에 0을 붙여서 출력할 수 있습니다.

 

이제 위의 year, month, day에 담아둔 변수로 날짜 포맷을 자유롭게 변경할 수 있습니다.

var korFormat = yaer + "-" _ month + "-" + day;
var engFormat = month + "/" + day + "/" + year;

이런식으로 포맷을 자유롭게 변경할 수 있습니다.

 

아래는 Date 오브젝트에서 쓸 수 있는 함수들입니다.

getDate()	일자 반환 (from 1-31)
getDay()	요일 반환 (from 0-6)
getFullYear()	4자리 년도 반환 (four digits)
getHours()	시간 반환 (from 0-23)
getMilliseconds()	밀리세컨드 반환 (from 0-999)
getMinutes()	분 반환 (from 0-59)
getMonth()	월 반환 (from 0-11)
getSeconds()	초 반환 (from 0-59)
getTime()	1970.01.01 자정 이후 경과한 시간을 밀리세컨드로 반환
getTimezoneOffset()	UTC 시간과 로컬 시간 사이의 차이를 분 단위로 반환
getUTCDate()	UTC 기준 일자 반환 (from 1-31)
getUTCDay()	UTC 기준 요일 반환 (from 0-6)
getUTCFullYear()	UTC 기준 년도 반환 (four digits)
getUTCHours()	UTC 기준 시간 반환 (from 0-23)
getUTCMilliseconds()	UTC 기준 밀리세컨드 반환 (from 0-999)
getUTCMinutes()	UTC 기준 분 반환 (from 0-59)
getUTCMonth()	UTC 기준 월 반환 (from 0-11)
getUTCSeconds()	UTC 기준 초 반환 (from 0-59)
parse()	1970-01-01 자정 이후 경과한 시간을 밀리세컨드로 반환
setDate()	일자를 세팅
setFullYear()	년도를 세팅
setHours()	시간을 세팅
setMilliseconds()	밀리세컨드를 세팅
setMinutes()	분을 세팅
setMonth()	월을 세팅
setSeconds()	초를 세팅
setTime()	1970-01-01 자정을 기준으로 밀리세컨드를 세팅
setUTCDate()	UTC 기준 일자 세팅
setUTCFullYear()	UTC 기준 년도 세팅 (four digits)
setUTCHours()	UTC 기준 시간 세팅
setUTCMilliseconds()	UTC 기준 밀리세컨드 세팅
setUTCMinutes()	UTC 기준 분 세팅
setUTCMonth()	UTC 기준 월 세팅
setUTCSeconds()	UTC 기준 초 세팅
toDateString()	문자열로 변환
toISOString()	ISO 표준 형태의 문자열로 변환
toJSON()	JSON date 포맷으로 변환
toLocaleDateString()	사용자가 속한 지역의 날짜 표시 포맷 문자열로 변환
toLocaleTimeString()	사용자가 속한 지역의 시간 표시 포맷 문자열로 변환
toLocaleString()	사용자가 속한 지역의 포맷 문자열로 변환
toString()	문자열로 변환
toTimeString()	시간 문자열로 변환
toUTCString()	UTC 포맷 형태 문자열로 변환
UTC()	1970-01-01 자정 기준 부터 경과한 시간을 밀리세컨드로 반환
valueOf()	Date 객체의 원시 값을 반환

 

위의 함수들을 사용해서 날짜에 관한 여러 데이터들을 가져올 수 있습니다.