부트캠프 React 과정 8.23

김진우·2023년 8월 23일
0

오늘의 목표

  • 알고리즘 문제풀기 (O)

  • 팀프로젝트 메인페이지 계획불러오기 (...ing)

  • 사이드바 부분 코드수정 및 날짜 불러오는순서 수정 (O)

알게된것

  • 프로젝트를 진행하던중 날짜별로 정렬을 하다가 오류가 발생하였다.
    ``

``
이부분에서 오류가 났는데 new Date()는 날짜를 반환하는 함수인데 지금 sort() 숫자형태의 받아야 하기 때문에 났던 오류였다.

``

.sort((a, b) => new Date(a.dates[0]) - new Date(b.dates[0]))

이부분을

.sort((a, b) =>
new Date(a.dates[0]).getTime() -
new Date(b.dates[0]).getTime(),
)

이렇게 getTime() 메소드는 시간 값을 밀리초 단위로 나타내는 숫자값을 반환하는 메소드를 사용하니 오류가 살아지고 문제가 해결되었다.
이방법 말고는 그냥

.sort((a, b) =>
Number(new Date(a.dates[0])) -
Number(new Date(b.dates[0])),
)
숫자형식으로 반환값을 바꾸어도 오류가 해결되었다.
``

타입스크립트의 Type지정을 하지않아서 생긴 오류였다.
아직 익숙하지 않지만 항상 Type지정 오류이지 않을까 라는 생각을 먼저해봐야겠다.

느낀점

  • 오늘 사이드바에 대한 부분에 Pr을 올리고 머지하던 와중에 수정해야될 부분을 수정을하고
    날짜 를 불러오는 부분을 날짜 순서대로 나타나게 하는 부분도 수정을 하고
    메인 페이지에 여행단계에 따라서 메인에 불러오는 걸 할려고 했지만 아직 성공하지는 못하였다.
    그리고 오늘도 CS공부와 기술면접준비를 병행하고 디자이너님과 회의를 하면서 코드를 직접 구현하는 시간은 많이 가지지 못한부분도 있지만 디자인 적으로 어떻게 내가 맏은 부분을 진행하면 좋을지 어느정도 나온거 같아서 프로젝트 기간동안 열심히 해나가야 되겠다고 생각을 했습니다.

0개의 댓글