[Javascript] 시간 계산, 날짜 계산 함수

이번 포스팅에서는 자바스크립트 시간 계산에 대한 글입니다.

React.js에 속해 있긴 하지만 자바스크립트를 쓴다면 모두 공통으로 적용 가능합니다.

const date = () => {
  const d = new Date();
  let month = `${d.getMonth() + 1}`;
  let day = `${d.getDate()}`;
  const year = d.getFullYear();

  if (month.length < 2) month = `0${month}`;
  if (day.length < 2) day = `0${day}`;

  const getDate = [year, month, day].join('-');
  return `${getDate}`;
};

 

이건 역시 구글 검색을 통해서 받은 시간 계산함수입니다.

단순히 formatDate()를 호출하게 되면 2020-06-21 같은 형식으로 오늘 날짜를 반환합니다. 보시는 바와 같이 마지막 getDate 변수를 다른 형식으로 바꾸어주면 쉽게 형식을 변환할 수 있습니다.

 

자 이제 이걸 응용해서 시간 계산을 하기 쉽도록 변환해보겠습니다.

// date : "2020-04-18T01:00:00.000Z"
// paramType : day, hour, minute
// param : 7(일주일), 5(시간), 3(분)
const addTime = (date, paramType, param) => {
  let unit = 0;
  if (paramType === 'day') {
    unit = 1000 * 60 * 60 * 24; // 일 단위
  } else if (paramType === 'hour') {
    unit = 1000 * 60 * 60; // 시간
  } else if (paramType === 'minute') {
    unit = 1000 * 60; // 분
  }
  return new Date(new Date(date).getTime() + unit * param);
};

처음 파라미터에 현재시간을 넣고 paramType을 넣고 마지막에 값을 넣으면 일정시간이 추가해서 계산이 됩니다.

 

예를 들어 현재 시간에 1시간을 더해보면

이런식으로 자동으로 계산됩니다.  날짜 계산의 경우에는 paramType을 day로 바꾸고 입력하면 됩니다.

만약 월 계산을 하고 싶으시면 if문 분기만 추가해서 만들어도 될 것 같습니다.

자바스크립트는 ide없어도 웹에서 개발자도구만 열어서 쉽게 확인 할 수 있어서 편하네요ㅎㅎ