본문 바로가기

개발 일지/토이 프로젝트

최신순으로 나누기

당 프로젝트에서 불러오는 API 의 날짜는 

 

"2023-02-23 00:00:00.0"

 

이렇게 되어있다. 

 

메인화면에서 보여줘야할 것은 

지금 진행중인 행사와 곧 진행할 행사로 나눠야 했는데 

저렇게 되어있어선 판단하기가 어려웠다 

그래서 나는

1. 위 날짜 데이터를 이쁘게 가공한다.

2. 가공한 데이터와 오늘날짜를 같은형태로 만든다.

3. 비교한다. 

 

  let startDate = parseInt(data[0].STRTDATE.replaceAll('-', '').splice(0, 8));
  const year = String(new Date().getFullYear());
  const month = String(new Date().getMonth() + 1).padStart(2, 0);
  const day = String(new Date().getDate()).padStart(2, 0);
  const today = parseInt(year + month + day);

 

getMonth 는 0월부터 시작하기에 +1 을 해주었고

월과 일은 한자리 수일때 앞에 0이 붙을수 있도록 padStart 를 사용하였다. 

 

마지막으로 위와같은 데이터로 만들어서 startDate 와 today를 비교하였다.

'개발 일지 > 토이 프로젝트' 카테고리의 다른 글

RN 토이프로젝트 회고  (0) 2023.01.16
RN-이미지 변경 및 업로드  (0) 2023.01.13
firebase 사용자 재인증  (0) 2023.01.11
React native 에서는 display:block 이 안된다.  (0) 2023.01.09
버튼색상 변경  (0) 2023.01.07