TIL : React 프로젝트

오늘은 프로젝트를 진행하면서 디테일한 부분도 수정하고, 디데이기능도 추가했다.
거의 마무리 단계이기 때문에 수정한 후에 서버에 배포하고, 테스트하며 보냈다.

오늘은 D-day 구현하는 법을 알게 되었다.

D-Day 만들기

: D-day를 만들려면 Date()를 사용해서 구현해야 한다.
1. 디데이의 정보와 오늘 날짜 정보를 지정한다.
2. .getTime()을 이용해서 시간의 차이를 구한다.
3. 시간의 차이가 mcs로 나타나져 있기 때문에 1일 (1000 60 60 * 24)로 나누어 몇 일이 남았는지 계산한다.

// 디데이를 계산할 날짜의 정보 = new Date( 연도, 월-1 , 1 ) 
const newYearDay = new Date(2022, 12, 1);
// 오늘 날짜 정보
const today = new Date();
const dayGap = newYearDay.getTime() - today.getTime();
const dayCount = Math.ceil(dayGap / (1000 * 60 * 60 * 24));

(1000 * 60 * 60 * 24) ?

1초 = 1000msc
1분 = 60s
1시간 = 60m
1일 = 24시간

<DayCounter> 2023년까지 D - {dayCount} </DayCounter>

사용할 때는 위와 같이 사용하면 된다.

( 참고 : d-day 구현하기 , 모던자바스크립트 )