Login 3

login 기능(front)

1. 페이지 생성 1. LoginPage.js 의 return()안에 html코드부터 작성 2. input tag에 타이핑 하기위해서는 state를 변경해줘야함 LoginPage.js (일부) //서버로 보낼 값들을 state로 갖고 있음 const [Email, setEmail] = useState("");//괄호 속에는 초기값, "": 빈칸으로 설정 //state set하는 함수 등록 const onEmailHandler = (event) => { setEmail(event.currentTarget.value) } //value와 onChange 추가 3번 코드 참고 3. login 버튼을 submit 타입으로, form에 onSubmit함수 등록 LoginPage.js (일부) Email Login..

Frontend/react 2022.09.04

로그인 기능(유저정보, 비밀번호 비교, 토큰 생성)

1. login 라우터 생성 User.findOne으로 req로 받은 email의 정보를 DB에서 찾음. index.js const express = require('express');//express안에 body-parser포함되서 따로 안써도 된다고함 const app = express(); const port = 3000 //아무 포트번호 지정 const cookieParser = require('cookie-parser'); const { User } = require('./models/User'); const config = require("./config/key") app.post('/login', (req, res) => { //라우터의 endpoint가 register // const us..

Frontend/react 2022.07.05