merge/feat: 회원가입 api

.gitignore

@@ -22,3 +22,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# localhost ssl
+cert/

package.json

@@ -27,6 +27,8 @@
   },
   "scripts": {
     "start": "react-scripts start",
+    "start:mac": "HTTPS=true SSL_CRT_FILE=cert/localhost.pem SSL_KEY_FILE=cert/localhost-key.pem npm run start",
+    "start:windows": "set HTTPS=true&&set SSL_CRT_FILE=cert/localhost.pem&&set SSL_KEY_FILE=cert/localhost-key.pem&&npm run start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

src/apis/auth/socialLogin.ts

@@ -1,4 +1,4 @@
-import { useMutation, useQuery } from 'react-query';
+import { useQuery } from 'react-query';
 import instance from '../instance';
 import { BaseResponse } from '../../types/BaseResponse';
 import { LoginSuccess } from '../../types/auth/login';

src/apis/auth/useSignUpMutation.ts

@@ -13,7 +13,7 @@ export const useSignUpMutation = (prevUrl: string) => {
   const mutation = useMutation({
     mutationFn: async (data: FormData) => {
       return await instance.post<BaseResponse<LoginSuccess>>(
-        `/user/singup`,
+        `/user/signup`,
         data,
         {
           headers: { 'Content-Type': 'multipart/form-data' },
@@ -34,7 +34,10 @@ export const useSignUpMutation = (prevUrl: string) => {
         instance.defaults.headers.common['Authorization'] =
           `Bearer ${accessToken}`; //로그인 된 유저에 대하여 모든 api 호출에 accesstoken 포함시키는 코드
       } else {
-        //TODO: 회원가입 오류
+        //회원가입 오류
+        console.log('회원가입 실패');
+        navigate(`${prevUrl === '/' ? prevUrl : prevUrl + '?authState=login'}`);
+        return;
       }
 
       if (prevUrl === '/') navigate('/timeline');

src/apis/instance.ts

@@ -10,7 +10,15 @@ const instance = axios.create({
 // 요청 인터셉터
 instance.interceptors.request.use(
   (config) => {
-    // console.log('axios config : ', config);
+    const state = useRegisterStore.getState();
+    if (
+      state.accessToken &&
+      state.accessToken !== null &&
+      state.accessToken !== ''
+    ) {
+      config.headers['Authorization'] = `Bearer ${state.accessToken}`;
+    }
+    console.log('axios config : ', config);
     return config;
   },
   (error) => {

src/components/profile_setting/ProfileInfoSetting.tsx

@@ -52,10 +52,11 @@ const ProfileInfoSetting = () => {
 
     const formData = new FormData();
     imgFile && formData.append('imageFile', imgFile);
-    const requestDTO = JSON.stringify({
+    const requestJson = JSON.stringify({
       nickname: nickname,
       profileId: id,
     });
+    const requestDTO = new Blob([requestJson], { type: 'application/json' });
     formData.append('requestDTO', requestDTO);
 
     //TODO: 회원가입 api 연결