refactor-fe: Tanstack Query 데이터 캐싱 정책 변경 #947
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
|
1731380118.748409 |
|
1731380118.955759 |
|
1731380173.979059 |
seongjinme
approved these changes
Nov 14, 2024
llqqssttyy
approved these changes
Nov 14, 2024
| @@ -114,6 +116,7 @@ export default function ErrorPage() { | |||
| } else if (error instanceof ApiError) { | |||
| status = error.statusCode; | |||
| if (status === 401) { | |||
| queryClient.clear(); | |||
There was a problem hiding this comment.
gcTime 설정보다 이게 더 범용성 있는 로직이기 때문에 적절한 대처 같아요.👍
어짜피 401 에러가 발생하면 다시 로그인을 해야 하므로 모든 쿼리의 캐시를 지우는 것도 무리 없어 보입니다.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
목적
데모데이때 발생한 에러는 다음과 같습니다.
원인은 다음과 같습니다.
[임시방법] 해당 문제를 해결하기 위한 방법으로 데모데이 때 발생한 문제를 해결한 방법은 다음과 같습니다.
gcTime을 0으로 설정하여 캐시데이터를 사용하지 않는다.
문제: 이전 방법은 Tanstack Query의 캐싱 기능을 사용하지 못한다는 문제가 생깁니다. 이는 Tanstack Query의 강력한 기능을 사용하지 않는 것이라 생각하고, 렌더링에서의 사용성 역시 떨어뜨리는 문제라 판단했습니다.
따라서 다음과 같은 문제 해결방법을 생각했습니다.
해결
[해당 방법을 선택하여 구현하였습니다] 데이터 흐름에 맞춰 적절히 데이터 Clear해주기.
에러 페이지에서 tanstack Query에서 사용하고 있는 데이터를 clear해준다.
로그인, 자동 로그인시 동적 라우팅으로 /dashboard 라우트로 이동하는 코드를 정적 라우팅으로 변경한다.
해당 방법을 통해 문제를 해결할 수 있었지만, 기존 로그인 페이지에서 이미 가지고 있는 리소스를 재요청하는 문제가 있었습니다.
작업 세부사항
참고 사항
REFAC_TANSTACK_CACHE
closes #946