Javascript
[Javascript] 날짜 표현방법
jellyChoi
2019. 7. 29. 18:32
안녕하세요~ 이번 포스팅에서는 자바스크립트로 날짜를 표현하는 방법에 대해 알아보겠습니다.
자바스크립트 함수 중에 날짜를 표현할 수 있는 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 객체의 원시 값을 반환 |
위의 함수들을 사용해서 날짜에 관한 여러 데이터들을 가져올 수 있습니다.