onSettled 질문드립니다.

Question

이전에 onSuccess에서 window.location.reload 하던걸 invalidateQueries로 변경하셨는데 그 이후에 성공할때마다 캐시값을 갱신시키면 부하가있을수있으니 낙관적업데이트로 변경한다고 들었는데요 4.10강좌 캐시데이터 다루기4에서 마지막에 onSettled 함수를통해 데이터 수정이 성공하나 실패하나 무조건 실행되는데 이러면 똑같이 데이터가 크면 부하가있는게 맞을까요? 실무에서도 저러한 방향으로 하는지 궁금합니다.

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 나마스테님 onSettled 에서 invalidateQueries 를 호출하면 mutation의 성공·실패 여부와 관계없이 관련 쿼리를 무효화하고 서버에서 최신 데이터를 다시 요청하게 됩니다. 따라서 데이터가 많거나 요청 빈도가 높은 경우에는 네트워크 요청과 서버 부하가 발생할 수 있습니다. 다만 강의의 onSettled 는 낙관적 업데이트 이후 서버의 실제 데이터와 캐시를 최종적으로 동기화하기 위한 안전장치입니다. onMutate : 화면에 변경 내용을 먼저 반영 onError : 실패 시 이전 캐시 데이터로 롤백 onSettled : 성공·실패 후 서버 데이터와 최종 동기화 실무에서는 상황에 따라 다르게 적용합니다. 데이터 정합성이 중요하거나 서버에서 최종 결과가 달라질 수 있으면 invalidateQueries 사용 변경된 데이터가 명확하고 응답값을 신뢰할 수 있으면 setQueryData 로 해당 캐시만 직접 수정 전체 목록이 아니라 특정 데이터만 변경되었다면 관련된 쿼리만 선택적으로 무효화 데이터 구조가 복잡해지면 캐시 정규화 전략을 사용 즉, onSettled 의 invalidateQueries 가 항상 잘못된 방식은 아니지만, 데이터 규모와 요청 빈도가 커지면 불필요한 전체 재요청이 될 수 있습니다. 강의의 다음 정규화 관련 내용에서는 이러한 문제를 줄이기 위한 방법을 다룹니다. 관련 질문을 함께 참고해 보세요. 캐시 데이터 다루기 - 낙관적 업데이트(2)에서 질문 onSettled와 setQueryData 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.