Fix: user id response 수정

src/api/login.ts

@@ -1,6 +1,13 @@
 import { instance } from './instance';
 
-export const login = async (nickname: string, password: string) => {
+interface LoginResponse {
+  userId: number;
+}
+
+export const login = async (
+  nickname: string,
+  password: string,
+): Promise<LoginResponse> => {
   const response = await instance.post('/users/login', { nickname, password });
   return response.data;
 };

src/pages/Home/index.tsx

@@ -28,8 +28,6 @@ export const Home = () => {
     return '';
   }
 
-  console.log(seafoods);
-
   useEffect(() => {
     fetchSeafoods();
   }, []);

src/pages/Login/index.tsx

@@ -18,7 +18,7 @@ export const Login = () => {
   const handleLogin = async () => {
     try {
       const response = await login('김구름', '1234');
-      dispatch(setUserId({ userId: response }));
+      dispatch(setUserId({ userId: response.userId }));
     } catch (error) {
       console.error(error);
     }

src/store/modules/user.ts

@@ -1,11 +1,16 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 
 interface UserInfo {
-  userId: string;
+  userId: number;
 }
 
-const initialState = {
-  userId: '',
+export interface UserState {
+  userId: number | null;
+  isAuthenticated: boolean;
+}
+
+const initialState: UserState = {
+  userId: null,
   isAuthenticated: false,
 };
 

vite.config.ts

@@ -3,7 +3,7 @@ import react from '@vitejs/plugin-react-swc';
 
 // https://vite.dev/config/
 export default defineConfig({
-  base: '',
+  base: '/',
   plugins: [react()],
   server: {
     port: 3000,