From 4b32ff40b90164d5ab8f697ad00e68a9fcc8cb06 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=95=EC=83=81=ED=98=84?= Date: Wed, 26 Jul 2023 14:30:18 +0900 Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?= =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/images/facebook.png | Bin 0 -> 394 bytes public/images/kakao.png | Bin 0 -> 803 bytes public/images/kakao_signup.png | Bin 0 -> 2946 bytes public/images/naver.png | Bin 0 -> 487 bytes 4 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 public/images/facebook.png create mode 100644 public/images/kakao.png create mode 100644 public/images/kakao_signup.png create mode 100644 public/images/naver.png diff --git a/public/images/facebook.png b/public/images/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..bacd84adfa98aa5b7d5e83922bf04e283cb4423d GIT binary patch literal 394 zcmV;50d@X~P)Sxg-@Dhv o<5WhPMuZ|1p$J7NLJ?kp4Y8I{(>Hse{r~^~07*qoM6N<$g1#=C5&!@I literal 0 HcmV?d00001 diff --git a/public/images/kakao.png b/public/images/kakao.png new file mode 100644 index 0000000000000000000000000000000000000000..ecc97b2f9507528d9c66249b9c6c92911efa4f1b GIT binary patch literal 803 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 DW2BNw literal 0 HcmV?d00001 diff --git a/public/images/naver.png b/public/images/naver.png new file mode 100644 index 0000000000000000000000000000000000000000..9c33f3ebe80f880a9cdb41806f41226e44f0010b GIT binary patch literal 487 zcmVPtN;RJ++jYN@%M6_@N(oqB{9AS^JEehGeYat*K zkg+{plvk{q8T+s2d%Rk8@_bHkfI!o6J#D$<9L+jSt@Pu%I1NV>RP%Ut)^*C!NH}rM zV(jEfU6yalPAJqaC(KKXO;mc=o_AS`nB9yk#*i$RulEonL=4|QiV`pg5@Xk4_=li& zP=y#f$y)!!_sn-h{39jiPyZ-X$NW%`=%XaD?<7zFqyhL{!qw4XW&JJ0pj zcA=o6RgliNH0GT6C_D2xx$%$Iypv?(5tl?m4Y|Rw#gwp4Qb`qJ*lf5M!i9O}h=8*g zB4h>V6cO+$)1;n0nBfY-_ Date: Wed, 26 Jul 2023 14:31:37 +0900 Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/LoginPage.js | 75 +++++++++++++++++++++++++++++++++++++----- 1 file changed, 66 insertions(+), 9 deletions(-) diff --git a/src/pages/LoginPage.js b/src/pages/LoginPage.js index 8d14fc0..a53b0a9 100644 --- a/src/pages/LoginPage.js +++ b/src/pages/LoginPage.js @@ -1,5 +1,7 @@ +import React, { useState } from "react"; import styled from "styled-components"; import Auth from "./Auth"; +import axios from 'axios'; import { useNavigate } from "react-router-dom"; const Div = styled.div` display: flex; @@ -107,6 +109,14 @@ const ProductBtn = styled.button` border-radius: 50%; width: 59px; height: 59px; + border: solid #D9D9D9; + background-color : white; + + > img { + width: auto; + display: block; + margin: auto; + } `; const KakaBtn = styled.button` width: 509px; @@ -116,6 +126,8 @@ const KakaBtn = styled.button` font-size: 22px; color: #4f4747; border: none; + text-decoration-line: none; + text-color: black; `; const SignBtn = styled.button` width: 509px; @@ -130,6 +142,8 @@ const AdverBtn = styled.button` margin-top: 63px; width: 506px; height: 243px; + border: none; + background-color: white; `; const Bottom1 = styled.footer` background-color: #007b59; @@ -183,9 +197,48 @@ const LoginPage = () => { const REST_API_KEY = "089967149185843522d3d4b4ae9a3b3d"; const REDIRECT_URI = "http://localhost:3000/oauth/kakao/callback"; const KAKAO_AUTH_URL = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`; + const SERVER_URL = 'http://localhost:8080/'; const navigate = useNavigate(); + const pwdRegex = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,12}$/; + const [loginInfo, setLoginInfo] = useState({ + email: '', + password: '' + }); + + const handleChange = (event) => { + setLoginInfo({...loginInfo, [event.target.name] : event.target.value}); + } + + const handleLogin = () => { + if(loginInfo.email === "") { + alert('이메일을 입력해주세요.'); + } else if(!pwdRegex.test(loginInfo.password)) { + alert('형식에 맞게 비밀번호를 입력해주세요.'); + } else { + axios.post(SERVER_URL + 'auth/login', + { + email: loginInfo.email, + password: loginInfo.password + } + ) + .then(response => { + if (response.ok) { + alert('반갑습니다!'); + navigate("/"); + } else { + alert('존재하지 않는 회원정보이거나 아이디/비밀번호가 틀렸습니다.'); + } + }) + .catch(err => console.error(err)) + } + } + + const handleSignUp = () => { + navigate("/selfAuth"); + } + return (
@@ -201,12 +254,16 @@ const LoginPage = () => {

로그인

- + - 로그인 + 로그인
@@ -223,24 +280,24 @@ const LoginPage = () => {
- 카카오톡 사진카카오톡 + 카카오톡
- 네이버 사진네이버 + 네이버
- 네이버 사진네이버 + 페이스북
- 휴대폰 사진휴대폰 + 휴대폰
- 카카오로 회원가입 + - 회원가입 + 회원가입 - 광고자리 +