[FE] fix: 로그아웃 시, 변경된 사용자 프로필 캐시 적용안되는 오류 수정 #1173
Merged
Conversation
This file contains hidden or 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
BadaHertz52
requested review from
chysis,
soosoo22 and
ImxYJL
as code owners
ImxYJL
requested changes
Feb 22, 2025
| @@ -19,10 +19,14 @@ const useOAuthLogout = () => { | |||
|
|
|||
| const removeAllQueriesExceptUserProfile = () => { | |||
There was a problem hiding this comment.
savedKey를 처리하는 로직이 추가돼서 함수 이름을 바꿔야 할 것 같아요(제안: removeQueriesExceptSavedKeys)
Comment on lines
25
to
31
| if (!query.queryKey[0]) return; | ||
| if (query.queryKey[0] !== OAUTH_QUERY_KEY.userProfile) { | ||
|
|
||
| const isSaved = savedQueryKeys.some((key) => key === query.queryKey[0]); | ||
|
|
||
| if (!isSaved) { | ||
| queryClient.removeQueries(query.queryKey[0]); | ||
| } |
There was a problem hiding this comment.
forEach 본문을
const key = queryKey[0];
if (key && !savedQueryKeys.includes(key)) {
queryClient.removeQueries(key);
}처럼 includes를 사용하면 더 간결해질 것 같습니다!
There was a problem hiding this comment.
아쉽게도 {}' 형식의 인수는 'string' 형식의 매개 변수에 할당될 수 없습니다.ts(2345) const key: {} 라는 오류가 뜨네요.
ImxYJL
approved these changes
Feb 22, 2025
chysis
approved these changes
Feb 22, 2025
soosoo22
approved these changes
Feb 23, 2025
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.
🚀 어떤 오류였나요?
홈 페이지와 연결 페이지에서 로그아웃 시, 로그인 된 이전의 사용자 프로필 쿼리를 그대로 사용하는 오류가 발생했습니다.
🔥 어떻게 해결했나요 ?
해결 방법
query.clear는 쿼리를 재리패치 않아, 사용자 프로필만 무효화하고 그 외의 쿼리를 삭제했습니다.
모든 쿼리를 삭제가 아닌 무효화하면, 무효화 쿼리가 적용하기 까지 시간이 걸려 로그아웃 후 이전/다음으로 회원용 페이지에 접근할 수 있습니다. 그래서 로그인 여부를 확인하는 사용자 프로필만 무효화해 리패치가 일어나도록 하고, 그 외는 쿼리는 리패치가 일어나지 않도록
removeQueries로 삭제했습니다.추가 구현
release에서 QA시, 오류 아이콘 로딩이 느려서 스켈레톤 적용했습니다. 겸사겸사 깃허브 프로필에도 적용했습니다.
📝 어떤 부분에 집중해서 리뷰해야 할까요?
📚 참고 자료, 할 말