📝 style: 토큰 관련 오류 메시지 상수화

src/api/instance.test.ts

@@ -19,7 +19,7 @@ it('AT 유효', async () => {
   localStorage.setItem(STORAGE_KEYS.accessToken, 'fresh');
   localStorage.setItem(STORAGE_KEYS.refreshToken, 'fresh');
 
-  expect(authAPI.getAccessCheck()).resolves.toBe('액세스 토큰이 유효합니다.');
+  expect(authAPI.getAccessCheck()).resolves.not.toThrow();
 });
 
 it('AT 만료시 재발급 요청 후 원본 요청 재수행', async () => {

src/api/instance.ts

@@ -2,6 +2,7 @@ import axios, { isAxiosError } from 'axios';
 import { BACKEND_ENDPOINT } from '@/constants/endpoint';
 import STORAGE_KEYS from '@/constants/storageKeys';
 import { ROUTER_PATHS } from '@/router';
+import ERROR_RESPONSES from '@/constants/errorMessages';
 import authAPI from './auth/apis';
 
 const baseInstance = axios.create({
@@ -25,13 +26,13 @@ baseInstance.interceptors.response.use(
 
     if (isAxiosError(error)) {
       switch (error.response?.data) {
-        case '액세스 토큰이 만료되었습니다.': {
+        case ERROR_RESPONSES.accessExpired: {
           const res = await authAPI.getReissue();
           localStorage.setItem(STORAGE_KEYS.accessToken, res.accessToken);
           localStorage.setItem(STORAGE_KEYS.refreshToken, res.refreshToken);
           return axios(config);
         }
-        case '리프레시 토큰이 올바르지 않습니다. 다시 로그인해주세요.': {
+        case ERROR_RESPONSES.reissueFailed: {
           localStorage.removeItem(STORAGE_KEYS.accessToken);
           localStorage.removeItem(STORAGE_KEYS.refreshToken);
           window.location.href = ROUTER_PATHS.SIGNIN;

src/constants/errorMessages.ts

@@ -0,0 +1,6 @@
+const ERROR_RESPONSES = {
+  accessExpired: '액세스 토큰이 만료되었습니다.',
+  reissueFailed: '리프레시 토큰이 올바르지 않습니다. 다시 로그인해주세요.',
+} as const;
+
+export default ERROR_RESPONSES;

src/mocks/handlers/auth.ts

@@ -1,5 +1,6 @@
 import { http, HttpResponse, delay } from 'msw';
 import { baseURL } from '@/utils/mswUtils';
+import ERROR_RESPONSES from '@/constants/errorMessages';
 
 const authHandler = [
   http.post(baseURL('/api/oauth2/authorization/kakao'), async () => {
@@ -19,10 +20,7 @@ const authHandler = [
         refreshToken: 'renewed',
       });
     } else {
-      return new HttpResponse(
-        '리프레시 토큰이 올바르지 않습니다. 다시 로그인해주세요.',
-        { status: 401 },
-      );
+      return new HttpResponse(ERROR_RESPONSES.reissueFailed, { status: 401 });
     }
   }),
 
@@ -33,7 +31,7 @@ const authHandler = [
     if (accessToken === 'fresh') {
       return new HttpResponse('액세스 토큰이 유효합니다.');
     } else {
-      return new HttpResponse('액세스 토큰이 만료되었습니다.', {
+      return new HttpResponse(ERROR_RESPONSES.accessExpired, {
         status: 401,
       });
     }