routesClient

client/src/Utils/Auth.js

 import axios from "axios";
 import Swal from "sweetalert2";
+import { routesClient } from './../routesClient';
 
-export function isOauth(value) {
-  const TFoauth = value;
-  return TFoauth;
-}
 
 export function isLogined() {
   const whetherlogin = localStorage.getItem("login");
@@ -16,7 +13,7 @@ export function isLogined() {
 }
 
 export async function localLogout() {
-  await axios.get("/api/logout").then(function () {
+  await axios.get(routesClient.logout).then(function () {
     localStorage.clear();
     Swal.fire({
       title: "로그아웃 성공!",

client/src/Utils/CheckDB.js

 import axios from 'axios';
 import { Swal } from 'sweetalert2';
+import { routesClient } from './../routesClient';
 
 
 export async function callUserInfo() {
-    const res = await axios.get("/api/user-info")
+    const res = await axios.get(routesClient.userinfo)
     return res.data.contents.user_info
 }
 

client/src/Utils/Oauth.js

 import axios from 'axios';
 import Swal from 'sweetalert2'
 import '../App.css'
+import { routesClient } from './../routesClient';
 
 // export const KAKAO_AUTH_URL = `https://kauth.kakao.com/oauth/authorize?client_id=${CLIENT_ID}&redirect_uri=${REDIRECT_URI}&response_type=code`;
 
@@ -28,12 +29,13 @@ export function LoginWithKakao() {
                     console.log(response);
                     console.log(response.kakao_account.profile);
 
-                    const nickValue = Object.values(response.kakao_account.profile)
+                    const nickValue = response.kakao_account.profile['nickname']
+                    const emailValue = response.kakao_account.email
 
-                    await axios.post('/api/edit-profile', {nick_name: nickValue})
+                    await axios.post(routesClient.signup, { email: emailValue, nick_name: nickValue, isOauth: true })
                         .then((res) => console.log('kakao', res))
 
-                    localStorage.setItem('login', true)
+                    // localStorage.setItem('login', true)
                     Swal.fire({
                         title: '로그인 성공!',
                         text: '🙌 환영합니다 🙌',

client/src/components/LocCodeChange.js

@@ -4,6 +4,7 @@ import { Form, Button, Row, Col, Card } from 'react-bootstrap';
 import axios from 'axios';
 import Swal from 'sweetalert2'
 import { callUserInfo } from '../utils/CheckDB';
+import { routesClient } from '../routesClient';
 
 
 function LocCodeChange() {
@@ -51,7 +52,7 @@ function LocCodeChange() {
     // Local code 받아오기
     useEffect(() => {
         async function getLocCode() {
-            const res = await axios.get("/api/data/loccode")
+            const res = await axios.get(routesClient.localdata)
             const local_codes = res.data.contents.loc_code
 
             setDoes(local_codes.DOE)
@@ -85,7 +86,7 @@ function LocCodeChange() {
 
             const saveCodeEmd = emdSelect.value
 
-            await axios.post('/api/edit-profile', { loc_code: saveCodeEmd }) // loccal code 수정
+            await axios.post(routesClient.edit, { loc_code: saveCodeEmd }) // loccal code 수정
 
             callUserInfo().then((res) => {
                 console.log('loc_code', res[0].loc_code)

client/src/components/LoginComp.js

@@ -3,6 +3,7 @@ import '../App.css'
 import { Form, Button, Row, Col, Card, Alert, FloatingLabel } from 'react-bootstrap';
 import { LoginWithKakao } from '../utils/Oauth';
 import axios from 'axios';
+import { routesClient } from '../routesClient';
 
 function LoginComp() {
 
@@ -53,7 +54,7 @@ function LoginComp() {
 
     async function handleSubmit(event) {
         event.preventDefault();
-        const res = await axios.post("/api/login", { email: emailAddress })
+        const res = await axios.post(routesClient.login, { email: emailAddress, isOauth: false })
         console.log('mail_sending : ', res.data.contents.mail_sending)
         setMailSend(res.data.contents.mail_sending)
         setAlertShow(true)

client/src/components/NicknameChange.js

@@ -2,6 +2,7 @@ import axios from 'axios';
 import React, { useState } from 'react'
 import { Row, Card, Form, Button, FloatingLabel } from 'react-bootstrap';
 import Swal from 'sweetalert2';
+import { routesClient } from './../routesClient';
 
 function NicknameChange() {
 
@@ -36,7 +37,7 @@ function NicknameChange() {
     async function handleSubmit(event) {
         event.preventDefault();
         if (inputname !== '') {
-            await axios.post('/api/edit-profile', { nick_name: inputname })
+            await axios.post(routesClient.edit, { nick_name: inputname })
                 .then(function (response) {
                     console.log(response.data.msg);
                     if (response.data.msg === 'OK!') {

client/src/components/SignupComp.js

@@ -3,6 +3,7 @@ import '../App.css'
 import { Form, Button, Row, Col, Card, Alert, FloatingLabel } from 'react-bootstrap';
 import { LoginWithKakao } from '../utils/Oauth';
 import axios from 'axios';
+import { routesClient } from './../routesClient';
 
 function SignupComp() {
 
@@ -30,7 +31,8 @@ function SignupComp() {
 
     const initValues = {
         nick_name: '',
-        email: ''
+        email: '',
+        isOauth: false
     }
 
     const [formValues, setFormValues] = useState(initValues)
@@ -45,21 +47,12 @@ function SignupComp() {
 
     async function handleSubmit(event) {
         event.preventDefault();
-        const res = await axios.post("/api/signup", formValues)
+        const res = await axios.post(routesClient.signup, formValues)
         console.log('existing_user : ', res.data.contents.existing_user)
         setUserExist(res.data.contents.existing_user)
         setAlertShow(true)
     }
 
-    useEffect(() => {
-        async function test() {
-            const res = await axios.get('/api/signup')
-            console.log(res.contents)
-        }
-        test()
-    }, [])
-
-
     return (
 
         <Row className='text-center w-100 my-2'>

client/src/components/UsingAircon.js

@@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react";
 import { Form } from "react-bootstrap";
 import { callUserInfo, checkCookies } from "../utils/CheckDB";
 import { isLogined } from "./../utils/Auth";
+import { routesClient } from './../routesClient';
 
 function UsingAircon() {
   const [airUsing, setAirUsing] = useState(false);
@@ -21,7 +22,7 @@ function UsingAircon() {
   function airChange() {
     setAirUsing(!airUsing);
     async function Useair() {
-      const res = await axios.get("/api/toggle-aircon");
+      const res = await axios.get(routesClient.usingAircon);
       console.log(res);
     }
 

client/src/routes.js

-export const routes = {
-  home: '/',
-  signup: '/signup',
-  login: 'login',
-  edit: '/edit',
-}
-
-
-// post, put { body }
-// email :
-// nick_name :
-// using_aircon :
-// created_at :
-// loc_code

client/src/routesClient.js

+export const routesClient = {
+  home: '/api',
+  signup: '/api/signup',
+  login: '/api/login',
+  edit: '/api/edit-profile',
+  localdata: '/api/data/loccode',
+  usingAircon : '/api/toggle-aircon',
+  logout: '/api/logout',
+  userinfo : '/api/user-info'
+}
+
+
+// post, put { body }
+// email :
+// nick_name :
+// using_aircon :
+// created_at :
+// loc_code