TIL(51)

네이티브 과제 중에 내가 맡은 부분이  카테고리를 누르면 그에 해당하는 글들을 불러오는 lists스크린을 맡았다.

어떻게 보면 로직이 get만하면 되는거라 오히려 쉬울꺼라고 생각했지만 react query를 이용해서 하니까 어려웠다.

내가 아직 리액트쿼리부분이 부족한거 같으니까 더 공부해야겠다. 서론 끝ㅎ

 

1.내가 만난 문제

querykey를 통해서 가져온 data들을 가져오고나서 최신순,인기순 눌렀을때 어떻게 데이터들을 정렬할 것인가

 

2.시도🔥

 ㄱ. 쿼리스트링도 시도해봤다 아무래도 같은 json-server니까 괜찮을꺼라 생각했다.

   -> 이미 배포가 진행된 상태의 서버에서는 먹히지 않았다  (배포가 된 json이 처음이라 좀 더 알아봐야할듯)

   -> 혹시나 인코딩을 해서 요청하면 되지않을까 하는 마음에 그것도 해봤지만 안됨

 

 ㄴ. 모든 데이터들을 for문을 돌려서 가장 최근의 날짜를 가져오자.

   -> 20230106 이런식이였을때는 숫자라서 괜찮을지 모르지만 2023-01-06으로 바꾸고 나서 할 수 없음

 

3.해결

sort메소드로 해결을 보았다.

가져온 데이터들을 내림차순을 가져오도록 함수를 만들어서 setLists(result)로 넣어주었다.

 데이터들을 날짜별로 내림차순을 했는데 중간에 문자가 들어가게되면서 문자를 제거하는 코드도 포함을 해야할까 고민을 했지만

기본적으로 정의되는 id 값이 순차적으로 들어가고 있던터라 날짜에서 id값으로 내림차순을 했다.

결과는 성공

 

4.얻은 점✨

자바스크립트의 지식이 진짜 중요하다라는 점을 많이 느끼고 있다.

리액트도 어느정도 자바스크립트를 잘하는 사람이 이용을 잘한다던데  인정하는 부분인거같다.

그래서 자바스크립트 공부를 하루에 1시간정도는 무조건 해야겠다라는 계획을 잡았다.

암튼 이번에 sort라는 개념을 이번기회에 확실히 알게되서 좋았다.

 

TIL끝😎