Feat: 로그아웃/탈퇴 시 localStorage 삭제 (#421)

Author: choiseona

Diff for: src/apis/axios/axios.ts

@@ -1,3 +1,4 @@
+import { ACCESS_TOKEN } from "@/constants/localStorageKey";
 import axios, { AxiosResponse } from "axios";
 
 const BASE_URL = "http://localhost:8080/api";
@@ -35,14 +36,13 @@ export const multiInstance = axios.create({
 const jwtResponseInterceptor = (response: AxiosResponse) => {
   const isTokenReissued = response.headers["token-reissued"];
   if (isTokenReissued === "False") return response;
-
   const accessToken = response.headers["authorization"];
-  if (accessToken) localStorage.setItem("accessToken", accessToken);
+  if (accessToken) localStorage.setItem(ACCESS_TOKEN, accessToken);
   return response;
 };
 
 const jwtRequestInterceptor = (request: any) => {
-  const accessToken = localStorage.getItem("accessToken");
+  const accessToken = localStorage.getItem(ACCESS_TOKEN);
   if (accessToken) request.headers.Authorization = accessToken;
   return request;
 };

Diff for: src/constants/localStorageKey.ts

@@ -1,2 +1,3 @@
 export const IDENTIFIER = "identifier";
 export const FRAMEID = "frameId";
+export const ACCESS_TOKEN = "accessToken";

Diff for: src/hooks/queries/useAuthQuery.tsx

@@ -1,6 +1,6 @@
 import postAuthLogout from "@/apis/postAuthLogout";
 import postJWTApi from "@/apis/postJWTApi";
-import { FRAMEID, IDENTIFIER } from "@/constants/localStorageKey";
+import { ACCESS_TOKEN, FRAMEID, IDENTIFIER } from "@/constants/localStorageKey";
 import { PATH } from "@/constants/path";
 import { useMutation } from "react-query";
 import { useNavigate } from "react-router-dom";
@@ -18,6 +18,7 @@ export const usePostAuthLogout = () => {
     onSuccess: () => {
       localStorage.removeItem(IDENTIFIER);
       localStorage.removeItem(FRAMEID);
+      localStorage.removeItem(ACCESS_TOKEN);
       navigate(PATH.LOGIN);
     },
     onError: (error: AxiosError<{ message?: string }>) => {

Diff for: src/hooks/queries/useProfileQuery.tsx

@@ -6,7 +6,7 @@ import postInterestEditApi from "@/apis/postInterestEditApi";
 import postUserInfoEdit from "@/apis/postUserInfoEdit";
 import postUserProfile from "@/apis/postUserProfile";
 import CommonMutationErrorModal from "@/components/Error/CommonMutationErrorModal/CommonMutationErrorModal";
-import { FRAMEID, IDENTIFIER } from "@/constants/localStorageKey";
+import { ACCESS_TOKEN, FRAMEID, IDENTIFIER } from "@/constants/localStorageKey";
 import { PATH } from "@/constants/path";
 import { QUERY_KEY } from "@/constants/queryKey";
 import { useModalStore } from "@/stores/modalStore";
@@ -58,6 +58,7 @@ export const useDeleteUser = () => {
       onSuccess: () => {
         localStorage.removeItem(IDENTIFIER);
         localStorage.removeItem(FRAMEID);
+        localStorage.removeItem(ACCESS_TOKEN);
         navigate(PATH.LOGIN);
       },
       onError: (error: AxiosError<{ message?: string }>) => {