728x90 반응형 로그인 페이지2 WEB 만들기 28, 29 - 로그인 페이지 원래는 유효성 체크도 매번 해야하고 틀렸을때 그런 애니메이션 같은경우를 하는데 Formik과 Yup를 사용한다. 하지만 기본 이기 때문에 그냥 만들예정 client/ src/ compoents/ view/ LoginPage/ LoginPage.js 부분으로 들어갑니다. style={{ display: 'flex', justifyContent : 'center', alignItems : 'center' ,width: '100%', height : '100vh' }}> 이스타일을 복붙해서 쓰면되고 import React from 'react' function LoginPage(){ return( Email Password Login ) } export default LoginPage const [Email,.. 2021. 1. 24. WEB 20 - 데이터 Flow & Axios 어떤 유저가 로그인을 하고 싶다면 ] Client 부분에서 사용자의 이름과 비번을 넣고 로그인 버튼을 누르면 요청이 서버쪽으로 가서 서버에서는 데이터베이스에 로그인 아이디가 있는지 찾고 유저가 보낸 비번이 맞는지 까지 체크하는 것하고 맞으면 성공했다고 보내거나 틀리거나해도 보내는 식으로 움직여진다. 저번에는 Client부분이 없어서 postman을 이용했는데 이제는 Client부분이 있기때문에 React JS부분에서 Request를 보내면 되는데 그때 사용할게 AXIOS이다. jQeury를 사용할때 AJAX라고 보면됩니다. 우선 client 쪽으로 와서 설치를 해줍시다. npm install axios --save 해주면 됩니다. 그리고 나서 LandingPage 부분에 전체적으로 import React.. 2021. 1. 21. 이전 1 다음 728x90 반응형
