[Add] Login Redux Setting

 import React, { useCallback, useState } from "react";
 import React, { useCallback, useState } from "react";
+import { useDispatch } from "react-redux";
+import { login } from "../../../modules/user";
 import "../style/LoginPage.scss"
 import "../style/LoginPage.scss"
 
 
 function LoginPage(props) {
 function LoginPage(props) {
-  
+  const dispatch = useDispatch();
+
   const [Id, setId] = useState("");
   const [Id, setId] = useState("");
   const [Password, setPassword] = useState("");
   const [Password, setPassword] = useState("");
 
 
@@ -51,12 +54,21 @@ function LoginPage(props) {
       setCheckLoginError(false);
       setCheckLoginError(false);
     }
     }
 
 
-    // login data
+    // login
     if (!checkLoginError) {
     if (!checkLoginError) {
       const UserData = {
       const UserData = {
         id: Id,
         id: Id,
         password: Password,
         password: Password,
       };
       };
+
+      dispatch(login(UserData))
+        .then(res => {
+          if (res.payload.logged) {
+            props.history.push('/register');
+          } else {
+            alert(res.payload.error);
+          }
+        })
     }
     }
 
 
   }, [checkIdError, checkPasswordError, Password]);
   }, [checkIdError, checkPasswordError, Password]);

 import axios from 'axios';
 import axios from 'axios';
 
 
 const REGISTER = 'user/REGISTER';
 const REGISTER = 'user/REGISTER';
+const LOGIN = 'user/LOGIN'
 
 
 const InitialState = {
 const InitialState = {
+  logged: false,
   name: 'test',
   name: 'test',
   id: 'test123',
   id: 'test123',
   password: 'test1111~',
   password: 'test1111~',
@@ -19,11 +21,24 @@ export function register(data) {
     }
     }
 };
 };
 
 
+export function login(data) {
+  const req = axios.post('http://localhost:4000/login', data)
+    .then(res => res.date);
+
+    return {
+      type: LOGIN,
+      payload: req,
+    }
+};
+
 export default function (state = InitialState, action) {
 export default function (state = InitialState, action) {
   switch (action.type) {
   switch (action.type) {
     case REGISTER:
     case REGISTER:
       return {...state, register: action.payload};
       return {...state, register: action.payload};
       break;
       break;
+    case LOGIN:
+      return {...state, logged: action.payload};
+      break;
     default:
     default:
       return state;
       return state;
   }
   }