본문 바로가기

React/react 활용하기

React/react 활용하기 2020. 7. 1. react + redux를 활용한 로그인및 회원가입 만들기 - auth(접근방지, 허용) 기능 구현하기 auth(접근 방지및 허용) 을 위해서 HOC (High Order Component) 를 적용해야한다. HOC는 리액트 컴포넌트를 인자로 받아서 새로운 리액트 컴포넌트를 리턴하는 함수를 의미한다. 주로 로딩 화면이나 Auth 등에 사용된다고 한다. Auth를 위해서 auth.js를 만들어준다. 또한 aciton및 reducers에 auth 로직을 사용할수 있도록 만들어준다. type.js export const REGISTER_USER = "REGISTER_USER"; export const LOGIN_USER = "LOGIN_USER"; export const LOGOUT_USER = "LOGOUT_USER"; export const AUTH_USER = "AUTH_USER"; userAction.j..
React/react 활용하기 2020. 7. 1. react + redux를 활용한 로그인및 회원가입 만들기 - 로그인및 로그아웃 구현하기 로그인을 구현하기 로그인을 진행하기위해서는 form 에서 submit을 통해 현재 name과 비밀번호를 dispatch를 통해 액션을 실행해줘야한다 그러므로 액션관련 함수들을 생성해줘야한다. type.js export const REGISTER_USER = "REGISTER_USER"; export const LOGIN_USER ="LOGIN_USER"; userAction.js import { REGISTER_USER, LOGIN_USER } from "./types"; import { request } from "../utils/axios"; const USER_URL = "/api/user"; export function registerUser(dataToSubmit) { const data = r..
React/react 활용하기 2020. 6. 30. react + redux를 활용한 로그인및 회원가입 만들기 - 회원가입만들기 https://github.com/loy124/express-mongodb-template loy124/express-mongodb-template express 와 mongodb를 연동해서 회원가입및 로그인을 구현해둔 예제입니다. Contribute to loy124/express-mongodb-template development by creating an account on GitHub. github.com 해당 게시글을 통해 backend를 구축하고 해당 백엔드와 연동하는 프론트를 React로 구축을한다 https://github.com/loy124/react-user-template loy124/react-user-template react + redux(redux thunk, redux pro..

티스토리툴바