로그인 API 및 상태 관리 개선 - JWT 토큰 사용

- 로그인 API 응답 형식을 변경하여 JWT 토큰을 반환하도록 수정했습니다.
- 이전에는 단순 문자열 데이터를 반환했으나 이번 변경을 통해 JWT 토큰을 반환합니다.
클라이언트 코드에서 반환받은 JWT 토큰을 저장하고 관리합니다.
- client/src/api/auth.api.ts 에서 응답 데이터에서 token 필드를 추출합니다.
- client/src/pages/Signin.tsx 에서 로그인 성공 시 받은 토큰을 storeLogin 함수를 통해 저장합니다.
- 서버 코드에서도 로그인 성공 시 생성된 JWT 토큰을 응답 객체에 포함하도록 변경했습니다.
- server/src/users/signin/web/signin.controller.ts 에서 반환하는 객체에 token 필드를 추가합니

client/src/api/auth.api.ts

@@ -21,7 +21,7 @@ export const resetPassword = async (data: SignupProps) => {
 }
 
 interface SiginResponse {
-  data: string;
+  token: string;
 }
 
 export const signin = async (data: SigninProps) => {

client/src/pages/Signin.tsx

@@ -22,7 +22,7 @@ const Signin = () => {
 
   const onSubmit = (data: SigninProps) => {
     signin(data).then((res) => {
-      storeLogin(res.data)
+      storeLogin(res.token)
       showAlert('로그인 완료되었습니다.')
       navigate('/')
     }, (error) => {

server/src/users/signin/web/signin.controller.ts

@@ -14,7 +14,9 @@ const signinController = async (req: Request, res: Response) => {
       httpOnly: true,
     });
 
-    return accessToken;
+    return {
+      token: accessToken,
+    };
   };
 
   ResponseHandler(signInFunction, StatusCodes.OK, res);