From ce2ed365ff403edb908d4985cd2069a7f2cf5731 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=8C=E1=85=B5=E1=86=AB=E1=84=89?=
 =?UTF-8?q?=E1=85=A5=E1=86=A8?= <leejinseok@wemakeprice.com>
Date: Fri, 31 Jan 2020 17:19:44 +0900
Subject: [PATCH] register email conflict check

---
 src/front/src/api/authApi.js                  | 24 ++++++-----
 src/front/src/pages/Home.vue                  |  1 +
 src/front/src/pages/auth/Register.vue         | 42 ++++++++++---------
 src/front/src/routes/index.js                 |  6 +++
 .../example/vue/domain/auth/AuthService.java  |  1 -
 5 files changed, 43 insertions(+), 31 deletions(-)

diff --git a/src/front/src/api/authApi.js b/src/front/src/api/authApi.js
index 7d8c14f..82015f2 100644
--- a/src/front/src/api/authApi.js
+++ b/src/front/src/api/authApi.js
@@ -12,6 +12,20 @@ function login(data) {
   });
 }
 
+
+function register(data) {
+  const { email, name, password } = data;
+  return axios({
+    method: 'post',
+    url: '/api/auth/register',
+    data: {
+      email,
+      name,
+      password
+    }
+  });
+}
+
 function currentUser(token) {
   return axios({
     method: 'get',
@@ -22,16 +36,6 @@ function currentUser(token) {
   });
 }
 
-function register(data) {
-  const { email, name, password } = data;
-  return axios({
-    method: 'post',
-    url: '/api/auth/register',
-    data
-  });
-}
-
-
 export default {
   login,
   currentUser,
diff --git a/src/front/src/pages/Home.vue b/src/front/src/pages/Home.vue
index f747696..195ccb8 100644
--- a/src/front/src/pages/Home.vue
+++ b/src/front/src/pages/Home.vue
@@ -2,6 +2,7 @@
    <div>
        home
        <router-link to="/auth/login">로그인</router-link>
+       <router-link to="/auth/register">회원가입</router-link>
    </div>
 </template>
 
diff --git a/src/front/src/pages/auth/Register.vue b/src/front/src/pages/auth/Register.vue
index 6185701..796e7c0 100644
--- a/src/front/src/pages/auth/Register.vue
+++ b/src/front/src/pages/auth/Register.vue
@@ -4,34 +4,36 @@
             <input type="email" v-model="email" placeholder="Email">
             <input type="text" v-model="name" placeholder="Name">
             <input type="password" v-model="password" placeholder="Password">
+            <button type="submit">확인</button>
         </form>
     </div>
 </template>
 
 <script>
     import authApi from "../../api/authApi";
-  export default {
-    name: "Register",
-    data() {
-      return {
-        email: '',
-        name: '',
-        password: ''
-      }
-    },
-    methods: {
-      register: async function(evt) {
-        evt.preventDefault();
-        const { email, name, password } = this;
-        try {
-          const result = await authApi.register({email, name, password});
-          console.log(result.data);
-        } catch (err) {
-            console.log(err);
+    export default {
+        name: "Register",
+        data() {
+            return {
+              email: '',
+              name: '',
+              password: ''
+            }
+        },
+        methods: {
+            register: async function(evt) {
+                evt.preventDefault();
+                const { email, name, password } = this;
+                try {
+                    const result = await authApi.register({email, name, password});
+                } catch (err) {
+                    if (err.response.status === 409) {
+                      alert('이미 존재하는 이메일입니다.');
+                    }
+                }
+            }
         }
-      }
     }
-  }
 </script>
 
 <style scoped>
diff --git a/src/front/src/routes/index.js b/src/front/src/routes/index.js
index 0e831ad..9e6d622 100644
--- a/src/front/src/routes/index.js
+++ b/src/front/src/routes/index.js
@@ -3,6 +3,8 @@ import VueRouter from "vue-router";
 
 import Home from "../pages/Home";
 import Login from "../pages/auth/Login";
+import Register from "../pages/auth/Register";
+
 
 Vue.use(VueRouter);
 
@@ -17,5 +19,9 @@ export const router = new VueRouter({
       path: '/auth/login',
       component: Login
     },
+    {
+      path: '/auth/register',
+      component: Register
+    }
   ]
 });
diff --git a/src/main/java/com/example/vue/domain/auth/AuthService.java b/src/main/java/com/example/vue/domain/auth/AuthService.java
index 6de02b2..aaa11e4 100644
--- a/src/main/java/com/example/vue/domain/auth/AuthService.java
+++ b/src/main/java/com/example/vue/domain/auth/AuthService.java
@@ -5,7 +5,6 @@ import com.example.vue.domain.user.UserRepository;
 import com.example.vue.domain.user.UserResponseDto;
 import com.example.vue.util.JwtUtil;
 import lombok.RequiredArgsConstructor;
-import org.springframework.security.core.parameters.P;
 import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
 import org.springframework.stereotype.Service;