[TIL : 230601]

🌊 TIL : 2023년 3월 14일  

 

오늘 한 것

youtube 리스트 구현 사진

 

 

잘한 점

상황

유튜브 리스트를 강의를 보지 않고 먼저 구현하려 하였다.

Date 라이브러리 부분만 직접 구현하려다가 힌트를 얻어 사용하였다.

액션

timeago.js 라이브러리를 사용하여 날짜 데이터 포맷 변경하려 했는데 자꾸 import 오류가 발생하였다. 재설치를 여러 번 시도하였는데 안 되서 멘붕 중이었는데 혹시? 하는 생각에 VS CODE를 껐다가 다시 켰는데 바로 import가 되었다.. 헐..

 

 

 

너무 황당ㅋㅋㅋ 했는데 해결 됐으니 굿..

칭찬

끼야호옷 어제보다 발전하는 나 

 

배운 점

배움

React Router에서 useLocation을 알게 되었다.

useNavigate의 2번째 인자로 state를 전달할 수 있는 것을 알게 됐다.

 

오늘 배움의 의미

useLocation은 처음 사용해보았는데 좋은 기능인 것 같다. 

 

개선점

문제

timeago.js 사용 중에 자꾸만 source map 관련 오류가 나왔다. 

 

 

원인

https://github.com/hustcc/timeago-react/issues/43

Failed to parse source map · Issue #43 · hustcc/timeago-react

해당 타래를 보면 관련 오류가 있으나 정확한 이유인지는 잘 모르겠습니다.

 

해결 방법

해설 강의 댓글에 있던 방법으로 아래 코드를 env 파일에 넣어주는 것으로 해결했으나 완벽한 해결방법은 아님. 

GENERATE_SOURCEMAP=false

 

 

 

그 외

class를 이용하여 데이터를 불러오는 솔루션 강의를 보고 적용하였는데 어떨 땐 react query를 적용하고 어떨 땐 이렇게 데이터를 불러오니 이해가 잘 가지 않는다. 우선 한 번씩 해보고 한 번 더 스스로 해볼 생각인데 그런 구분이 안 가니까 조금 어려운 것 같다 ㅠ ㅠ