개발/javascript
[JavaScript] 오늘 날짜 출력하기
JH._.kim
2023. 9. 9. 19:02
const getToday = () => {
let today = new Date();
let todayYear = today.getFullYear();
let year = todayYear.toString().slice(2);
let todayMonth = today.getMonth() + 1;
let month = "0" + todayMonth.toString().slice(-2);
let date = "0" + today.getDate().toString().slice(-2);
let day = today.getDay();
const week = ['일', '월', '화', '수', '목', '금', '토'];
let dayOfWeek = week[day];
return (
<div>{year}. {month}. {date} {dayOfWeek}요일</div>
)
}
리액트에서 '23. 09. 09 토요일' 형식으로 오늘 날짜를 표시하려고 했다.
먼저 날짜 메소드들로 각각 연도, 월, 일, 요일을 변수에 저장했다.
월의 경우 0부터 시작해서 11로 출력되기 때문에, 1을 더해서 1~12로 나올 수 있도록 해주었다.
그리고 연도, 월, 일을 2자리로 표시해야 하는데
연도는 slice로 앞의 2자리를 자르고 리턴했고
월, 일은 앞에 문자열로 0을 추가해주고, slice에 음수로 -2를 넣어주면 끝의 2자리를 가져오기 때문에
한자리일 경우 08, 09.. 두자리일 경우 010, 011, 012인데 끝에서 2자리만 출력하므로 10, 11, 12로 나온다.
요일의 경우 숫자로 리턴되기 때문에, 문자열 배열을 만든 다음 그 배열의 인덱스에 day를 넣어주었다.
728x90