Merge branch 'development' of https://github.com/potenday-project/pot…

…en_312_N6FE into development

.github/workflows/main.yml

@@ -11,6 +11,7 @@ jobs:
   build:
     runs-on: ubuntu-20.04
     env:
+      REACT_APP_BASE_URL: ${{ secrets.REACT_APP_BASE_URL }}
       REACT_APP_NAVER_CLIENT_ID: ${{ secrets.NAVER_CLIENT_ID }}
       REACT_APP_NAVER_REDIRECT_URI: ${{ secrets.NAVER_REDIRECT_URI }}
       REACT_APP_KAKAO_CLIENT_ID: ${{ secrets.KAKAO_CLIENT_ID }}
@@ -43,6 +44,7 @@ jobs:
           echo "REACT_APP_REGION=$REACT_APP_REGION" >> .env.production
 
         env:
+          REACT_APP_BASE_URL: ${{ secrets.REACT_APP_BASE_URL }}
           REACT_APP_NAVER_CLIENT_ID: ${{ secrets.NAVER_CLIENT_ID }}
           REACT_APP_NAVER_REDIRECT_URI: ${{ secrets.NAVER_REDIRECT_URI }}
           REACT_APP_KAKAO_CLIENT_ID: ${{ secrets.KAKAO_CLIENT_ID }}

src/component/home/KakaoOauth.tsx

@@ -1,9 +1,20 @@
+import { useEffect } from 'react';
 import { useLocation } from 'react-router';
+import instance from 'shared/axios';
 
 export default function KakaoOauth() {
   const location = useLocation();
   const urlParams = new URLSearchParams(location.search);
   const codeValue = urlParams.get('code');
 
+  const Login = async () => {
+    const response = await instance.post(`/api/user/kakao?code=${codeValue}`);
+    return response;
+  };
+
+  useEffect(() => {
+    console.log(Login());
+  }, []);
+
   return <>카카오 리다이렉트 페이지</>;
 }

src/component/home/NaverOauth.tsx

@@ -1,9 +1,20 @@
+import { useEffect } from 'react';
 import { useLocation } from 'react-router';
+import instance from 'shared/axios';
 
 export default function NaverOauth() {
   const location = useLocation();
   const urlParams = new URLSearchParams(location.search);
   const codeValue = urlParams.get('code');
 
+  const Login = async () => {
+    const response = await instance.post(`/api/user/naver?code=${codeValue}`);
+    return response;
+  };
+
+  useEffect(() => {
+    console.log(Login());
+  }, []);
+
   return <>네이버 리다이렉트 페이지</>;
 }

src/shared/axios.ts

@@ -44,10 +44,10 @@ instance.interceptors.response.use(
       return axios(originalRequest);
     }
     if (response.status === 404) {
-      return window.location.replace('/notfound');
+      // return window.location.replace('/notfound');
     }
     if (response.status === 504) {
-      return window.location.replace('/connectfail');
+      // return window.location.replace('/connectfail');
     }
     if (response.status === 400) {
       return response;