Frudy
7k
2020-12-19 20:59:23 작성 2020-12-19 21:09:46 수정됨
1
580

시작일, 종료일 사이의 날짜 구하기 (Demo, 소스코드 첨부) Typescript로 구현


Demo 링크

깃허브 프로젝트 링크

소스코드 링크

마크업은 간단하게 해봤어요.

(date picker로 시작일 종료일 고르면 한국기준 09시로 시작하고 09시로 끝나는데, 한국이 UTC보다 9시간 앞서서 그렇습니다)


type Frequency = 'minute' | 'hour' | 'date' | 'month' | 'year';
declare function getBetweenDates(startDate: Date, endDate: Date, frequency: Frequency): Date[]


사실 이 2개가 메인이에요.

시작일 종료일 빈도 3개를 넘기면, 그 사이 포함해서 반환합니다.


목적은 아래와 같습니다.

뭐 이런 차트가 있다고 했을 때, 일일 판매량을 배열로 서버에서 받는다고 가정을 해봤을 때,

원래 7일정도 그리는 페이지고 데이터도 7개 받으면 참 좋겠습니다만...


7개보다 적게받는 경우가 문제였습니다.

7일치 표시해야하는데 스벅이 어제부터 생겨가지고 데이터가 2일치밖에 안쌓였다는 뭐 그런상황..


그래서 이렇게 없는날짜는 0으로 보정을 하는게 이쁠거같았어요.

그래서 이 글에서 소개하는 저 함수가 필요했습니다.


[12월 18일, 12월 19일] 데이터만 받았을 때,

[12월 15일 ~ 12월17일] 데이터를 0으로 채워넣기 위해서요.


소스코드 피드백 해주시면 감사합니다...!

0
  • 댓글 1

  • ambit1on
    244
    2020-12-25 13:39:23

    큰 힌트를 얻을 수 있었습니다.

    이렇게 글을 새로써서 알려주셔서 너무 감사드립니다~ 해결했어요~~

  • 로그인을 하시면 댓글을 등록할 수 있습니다.