fix(#169) type 지정

src/api/auth.ts

@@ -6,7 +6,7 @@ import { notify } from "@/hooks/notify";
 import { connectSocket } from "@/socket";
 
 export const reissueToken = async () => {
-  const endpoint = '/v1/member/refresh';
+  const endpoint = "/v1/member/refresh";
 
   try {
     const refreshToken = getRefreshToken();
@@ -23,7 +23,7 @@ export const reissueToken = async () => {
 export const AuthAxios: AxiosInstance = axios.create({
   baseURL: BASE_URL,
   headers: {
-    'Content-Type': 'application/json;charset=UTF-8',
+    "Content-Type": "application/json;charset=UTF-8",
   },
 });
 
@@ -32,7 +32,7 @@ AuthAxios.interceptors.request.use(
   (config: InternalAxiosRequestConfig) => {
     const token = getAccessToken();
     if (token) {
-      config.headers['Authorization'] = `Bearer ${token}`;
+      config.headers["Authorization"] = `Bearer ${token}`;
     }
     return config;
   },
@@ -47,41 +47,44 @@ AuthAxios.interceptors.response.use(
     return response;
   },
   async (error) => {
-    const { config, response: { status } } = error;
+    const {
+      config,
+      response: { status },
+    } = error;
 
     /* 토큰 만료 시 */
     if (status === 401) {
       console.log("AuthAxios 401 Error Response Interceptor");
 
       try {
-      /* 토큰 재발급 요청 */
+        /* 토큰 재발급 요청 */
         const response = await reissueToken();
         const newAccessToken = response.result.accessToken;
-        const originRequest = config;  // 이전 요청 저장
-        
+        const originRequest = config; // 이전 요청 저장
+
         // 로컬 또는 세션에 재발급된 토큰 저장
-      if (localStorage.getItem('accessToken')) {
-        localStorage.setItem('accessToken', newAccessToken);
-        localStorage.setItem('refreshToken', response.result.refreshToken);
-      } else {
-        sessionStorage.setItem('accessToken', newAccessToken);
-        sessionStorage.setItem('refreshToken', response.result.refreshToken);
-      }
-      connectSocket();
-      originRequest.headers['Authorization'] = `Bearer ${newAccessToken}`;
-      return axios(originRequest);
-    } catch (reissueError:any) {
-      if(reissueError.response && reissueError.response.status === 404){
-        notify({ text: LOGIN.MESSAGE.EXPIRED, icon: '🚫', type: 'error' });
-      } else {
-        notify({ text: LOGIN.MESSAGE.ETC, icon: '🚫', type: 'error' });
-      }
-      // 토큰 재발급 실패 시 처리
-      console.error("토큰 재발급 실패:", reissueError);
-      clearTokens();  // 저장된 토큰 삭제
-      window.location.replace('/login');  // 로그인 페이지로 이동
+        if (localStorage.getItem("accessToken")) {
+          localStorage.setItem("accessToken", newAccessToken);
+          localStorage.setItem("refreshToken", response.result.refreshToken);
+        } else {
+          sessionStorage.setItem("accessToken", newAccessToken);
+          sessionStorage.setItem("refreshToken", response.result.refreshToken);
+        }
+        connectSocket();
+        originRequest.headers["Authorization"] = `Bearer ${newAccessToken}`;
+        return axios(originRequest);
+      } catch (reissueError: any) {
+        if (reissueError.response && reissueError.response.status === 404) {
+          notify({ text: LOGIN.MESSAGE.EXPIRED, icon: "🚫", type: "error" });
+        } else {
+          notify({ text: LOGIN.MESSAGE.ETC, icon: "🚫", type: "error" });
+        }
+        // 토큰 재발급 실패 시 처리
+        console.error("토큰 재발급 실패:", reissueError);
+        clearTokens(); // 저장된 토큰 삭제
+        window.location.replace("/login"); // 로그인 페이지로 이동
       }
     }
     return Promise.reject(error);
   }
-);
+);

src/api/chat.ts

@@ -1,7 +1,7 @@
 import {
-  charRoomExitResponse,
+  chatRoomExitResponse,
   chatRoomReadRequest,
-  charRoomSearchResponse,
+  chatRoomSearchResponse,
   chatRoomExitRequest,
   chatRoomReadData,
   chatRoomMessageRequest,
@@ -94,7 +94,7 @@ export const getChatList = async ({
 /* 채팅방 나가기 */
 export const leaveChatroom = async (
   uuid: chatRoomExitRequest
-): Promise<charRoomExitResponse> => {
+): Promise<chatRoomExitResponse> => {
   try {
     const response = await AuthAxios.patch(
       `http://13.124.213.255:8080/api/v2/chat/${uuid}/exit`
@@ -111,8 +111,8 @@ export const markChatAsRead = async ({
   timestamp,
 }: chatRoomReadRequest): Promise<chatRoomReadData> => {
   const url = timestamp
-    ? `http://13.124.213.255:8080/v2/chat/${uuid}/read?timestamp=${timestamp}`
-    : `http://13.124.213.255:8080/v2/chat/${uuid}/read`;
+    ? `http://13.124.213.255:8080/api/v2/chat/${uuid}/read?timestamp=${timestamp}`
+    : `http://13.124.213.255:8080/api/v2/chat/${uuid}/read`;
   try {
     const response = await AuthAxios.patch(url);
     return response.data;
@@ -122,7 +122,7 @@ export const markChatAsRead = async ({
 };
 
 /* 안 읽은 채팅방 uuid 가져오기 */
-export const getUnreadUuid = async (): Promise<charRoomSearchResponse> => {
+export const getUnreadUuid = async (): Promise<chatRoomSearchResponse> => {
   try {
     const response = await AuthAxios.get(
       "http://13.124.213.255:8080/api/v2/chat/unread"

src/api/login.ts

@@ -2,29 +2,26 @@ import axios from "axios";
 import { BASE_URL } from ".";
 
 interface loginProps {
-    email: string;
-    password: string;
+  email: string;
+  password: string;
 }
 
-export const postLogin = async ({
-    email,
-    password,
-  }: loginProps) => {
-    try {
-      const formData = new URLSearchParams();
-      formData.append('email', email);
-      formData.append('password', password);
+export const postLogin = async ({ email, password }: loginProps) => {
+  try {
+    const formData = new URLSearchParams();
+    formData.append("email", email);
+    formData.append("password", password);
 
-      const response = await axios.post("/v1/member/login", formData, {
-        baseURL: BASE_URL,
-        headers: {
-          "Content-Type": "application/x-www-form-urlencoded",
-        },
-      });
-  
-      return response.data;
-    } catch (error) {
-      console.error('로그인 실패:', error);
-      throw error;
-    }
-  };
+    const response = await axios.post("/v1/member/login", formData, {
+      baseURL: BASE_URL,
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded",
+      },
+    });
+
+    return response.data;
+  } catch (error) {
+    console.error("로그인 실패:", error);
+    throw error;
+  }
+};

src/app/page.tsx

@@ -9,6 +9,7 @@ import { theme } from "@/styles/theme";
 import { useState } from "react";
 import Alert from "@/components/common/Alert";
 import { getAccessToken } from "@/utils/storage";
+import { AuthAxios } from "@/api/auth";
 
 const HomePage = () => {
   const router = useRouter();
@@ -119,8 +120,8 @@ const ContentWrapper = styled.div`
 `;
 
 const StyledObject = styled.object`
-    pointer-events: none;
-`
+  pointer-events: none;
+`;
 
 const ContentTitle = styled.p`
   position: absolute;

src/types/chat/chat.d.ts

@@ -174,9 +174,9 @@ export interface chatRoomFriendData {
 }
 
 // response
-export type charRoomExitResponse = ApiResponse<LoginData>;
-export type charRoomReadResponse = ApiResponse<chatRoomReadData>;
-export type charRoomSearchResponse = ApiResponse<chatRoomSearchUuid>;
+export type chatRoomExitResponse = ApiResponse<LoginData>;
+export type chatRoomReadResponse = ApiResponse<chatRoomReadData>;
+export type chatRoomSearchResponse = ApiResponse<chatRoomSearchUuid>;
 export type chatRoomMessageResponse = ApiResponse<chatRoomMessageData>;
 export type chatRoomEnterResponse = ApiResponse<chatRoomEnterData>;
 export type chatRoomGetResponse = ApiResponse<chatRoomGetData>;