부트캠프 React 과정 8.24

김진우·2023년 8월 24일
0

오늘 목표

  • 알고리즘 문제풀기

  • 팀프로젝트 메인페이지 데이터불러오기

알게된것

  • 오늘 데이터를 불러오고 날짜를 남은시간을 계산해서 표시를 하는부분에서 새로 알게된부분이있었다.

``

Date().toISOString().split('T')
``

이부분인데 ISO형식의 시간과 날짜를 문자열로 변경하면
``

"YYYY-MM-DDTHH:MM:SS.sssZ"
``

요런식으로 나타나는 형식인데 나는 날짜를 비교해서 D-남은일수 를 나타내고 싶어서 T기준으로
나누어서 날짜부분만 가져오도록 하였습니다..

그리고 날짜를 년/월/일 을 표시할때

``

getMonth() 메소드를 사용했는데
이메소드는 다른 년메소드(getFullYear()) 일 메소드 (getDate()) 을 사용할때는 그냥 그대로 사용을하면되었지만 월 메소드는 javaScript에서 월은 0부터 시작하니깐 1을 더해줘야 원하는 값을 받을수가 있었다.
``

날짜구하는것을 프로젝트에서 처음으로 적용을 하면서 많은것을 알수있는거 같았고 다음번에
이런 비슷한 부분 즉 일수뿐만아니라 시간같은것도 형식을 적용할수있겠구나 라고 생각을 했습니다

느낀점

  • 오늘 팀프로젝트 메인부분에 Card섹션에서 supabase에있는 데이터를 불러오고 여행 계획에 따라서 섹션을 다르게 나타내는 부분을 하였다 하면서 날짜를 지정하는데에 D-Day나 0박0일 같이 오늘 한 부분에서 new Date()를 사용해서 구현을 해야되는 부분이 많았는데 프로젝트에 처음으로 접목을 해봐서 많이 알게된 부분도 있었고 남음 프로젝트 진행부분도 빨리진행해야 되겠다는 생각을 했습니다.

0개의 댓글