[Feature-dev-hotfix] 인코딩 문제 및 로그인 문제 해결

client/src/api/index.ts

@@ -58,6 +58,8 @@ instance.interceptors.response.use(
             originalRequest.headers["Authorization"] = `Bearer ${newAccessToken.accessToken}`;
             return instance(originalRequest);
           } catch (error) {
+            await signOut();
+            useConnectionStore.getState().logout();
             return Promise.reject(error);
           }
         }

client/src/store/createAuthSlice.ts

@@ -22,6 +22,7 @@ export const createAuthSlice: StateCreator<ConnectionStore, [], [], AuthSlice> =
   logout: () => {
     set({ email: null, name: null, token: "" });
     get().resetOwnedMindMap();
+    location.href = "/";
   },
 
   setUser: (email: string, name: string, id: number) => {

client/src/store/createSharedSlice.ts

@@ -20,6 +20,7 @@ export const createSharedSlice: StateCreator<ConnectionStore, [], [], SharedSlic
       get().token
         ? get().addOwnedMindMap(newMindMapConnectionId)
         : get().addOwnedMindMapForGuest(newMindMapConnectionId);
+      get().connectSocket(newMindMapConnectionId);
       navigate(`/mindmap/${newMindMapConnectionId}?mode=${targetMode}`);
     } catch (error) {
       throw error;

client/src/store/createSocketSlice.ts

@@ -103,7 +103,6 @@ export const createSocketSlice: StateCreator<ConnectionStore, [], [], SocketSlic
       if (socket) socket.disconnect();
       const response = await createMindmap();
       const connectionId = response.data.connectionId;
-      get().connectSocket(connectionId);
       return connectionId;
     } catch (error) {
       throw error;

client/src/utils/formData.ts

@@ -1,7 +1,12 @@
 export function audioFormData(file: File, mindmapId: string, connectionId: string) {
   const formData = new FormData();
-  formData.append("aiAudio", file);
+
+  const encodedFileName = encodeURIComponent(file.name);
+  const encodedFile = new File([file], encodedFileName, { type: file.type });
+
+  formData.append("aiAudio", encodedFile);
   formData.append("mindmapId", mindmapId);
   formData.append("connectionId", connectionId);
+
   return formData;
 }