무효화 기능으로 마무리 하기 (스테픈 2km완료)

뮤테이션에 쿼리키 무효화를 드디어.. 넣었네요

이제 데이터 업데이트시 바로바로 추가 가능하게 되네요

제 함수에 작성하면서

조금 난감했던 부분이

기존의 쿼리 클라이언트를 어떻게 처리하냐 입니다.

왜냐면

쿼리 공식 문서를 읽어보면

예제가 전부 한 화면에서 작성되어있어서인데요

저는

page에서 쿼리 프로바이더로 감싸여진뒤

그 내부의 컴포넌트에서 쿼리 클라이언트를 사용해야 하는 상황이어서

이 부분을 new queryclient로 새로 만들자니

문제가 될것 같아서

한참을 찾아다녔네요

당연하게도 usequeryclient를 사용해서 처리하면 된다는걸

알게되서

이렇게 처리했습니다.

이제 기존 쿼리키가 무효화되며

데이터 리페칭이 발생하는지 테스트를 해보려고 합니다.

테스트 해보니 잘 되네요

근데 정렬이 조금 이상하게 되는것 같군요

이 부분은 firebase에서 정렬해서 가져오도록 수정해야겠습니다.

원래 기존의 데이터 업데이트를

useState를 사용해서

데이터 페칭시마다 렌더를 강제로 시켜왔는데요

리엑트 쿼리의 기존 쿼리키 무효화기능을 사용하니

따로 렌더링을 강제로 시킬필요가 없어 너무 편리하고 좋네요

---

스테픈 2km완료