항해 9주차 - Day 56 ~ Day 63 [WIL]

이번주는 디자인이 어느정도 나와서 프론트가 이것저것 바빠진 한 주였다.

빠르게 정리하고 작업을 이어서 해야겠다.

 

이번주는 큰 트러블 슈팅은 없고 트러블만 있고 아직 해결 못한 문제가 많아서 그냥 이번주에 어떤 것을 했는지만 적기로 했다.

API 요청 Redux 미들웨어 -> React Query 로 변경

우리는 React Query를 써보자는 생각으로 기본적으로는 Redux Toolkit을 사용하다가 나중에 React Query로 전환하려고 했는데 작업을 하다보니 상태관리에 대한 어려움을 겪었다.

 

-> 비슷하게 생긴 다른 데이터를 보관해야 하는데, 막 보관하면 너무 지저분해질 것 같아서 어떻게 보관하고 어떻게 꺼내 쓸지 매번 고민해야 했다.

 

그래서 React Query로 나중에 코드를 많이 짜놓은 상태로 변경하는거보다 지금 당장 적용하고 그냥 아싸리 Query로 작업하는게 낫겠다는 판단하에 새벽 3~4시간을 투자하여 코드를 교체하는데 성공했다. (아직 일부는 미교체)

일단 현재 느낀 React Query의 장점은 크게 아래 두가지이다.

- 생성, 수정, 삭제시 데이터를 자동으로 다시 불러오는 기능

- 조회할 때 데이터의 보관

 

사용해보고 나서 느낀 점은, '너무 편하다'라는 것이었다.

리덕스 툴킷에 데이터를 어떻게 보관해야 할지, 어떻게 관리해야 할지 고민을 했었는데, 리액트 쿼리는 그걸 대신 해결해준다.

다만 회사에서 React Query를 안쓰는 경우도 있을 수 있기 때문에 Redux Toolkit을 좀 더 해보는게 좋지 않을까 싶긴 한데, 항해 6주동안 빠르게 코드를 구현하기 위해서는 그냥 지금 교체하는게 맞다고 생각한다.

 

커스텀 훅 만들어보기

자주 쓰는 코드들을 훅으로 만들어보려고 했는데, 사실 이런 식으로 작성하는게 맞는지 모르겠는데 일단 마구 만들어보고 있다.

 

API 코드 분리

API 코드들을 따로 파일을 만들어서 보관해두고 있다.

이걸 리액트 쿼리에서 불러와서 사용할 예정인데, 이렇게 하는게 맞는지는 모르겟다.

어떻게 정리해야 할지 아직 고민중이다.

 

액세스 토큰 만료시 리프레시 토큰으로 액세스 토큰 재발급

인터넷에서 액세스 토큰 만료시 혹은 리프레시 토큰까지 만료시에 처리를 하는 코드를 적당히 긁어다가 인터셉터에 붙이고 코드를 약간 수정했는데, 요청이 여러개 들어왔을때 인터셉터에서 한번만 처리할 방법이 없는지 찾아봐야 한다.

이거는 머리아파서 일단 대충 짜고 스킵한 문제다.

 

고민중인 사항

리덕스 툴킷으로 작업하던걸 리코일로 교체해야 하나 고민중에 있다.

리코일을 원래부터 고려하고 있었는데, 그냥 기본에 충실하자는 생각으로 리덕스 툴킷을 선정했는데.

로직을 짤 때마다 매번 번거로움을 느끼고 있어서 작업할 때 바로바로 로직을 생각 할 수 있는 리코일로 변경한다면 훨씬 작업 속도가 빨라질 것 같아서 고려중!

 

아래는 뭔가 각 상태관리 라이브러리에 잘 정리되어 있는거 같아서 링크를 올려뒀다.

https://ridicorp.com/story/how-to-use-redux-in-ridi/

리덕스 잘 쓰고 계시나요? - 리디주식회사 RIDI Corporation