개발/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