React+REST API 게시판 구현/FE - React

로그인 구현 (redux-persist)

What to do? 이메일과 패스워드를 입력받아서 로그인을 하는 화면을 만든다. 로그인을 성공하면 서버에서 jwt 토큰을 받아서 store에 저장하고 redux-persist 모듈을 사용해서 local storage에도 저장한다. 회원가입과 마찬가지로 formik과 yup 라이브러리를 사용해서 validation을 처리한다. redux-pesist redux에 저장하는것은 영구적인 저장소가 아니다. 만일 새로고침하게 되면 store에 저장된 정보는 메모리에 저장된것이기 때문에 모두 없어지게 된다. 따라서 영구적으로 저장하기 위해서는 local storage나 session storage에 저장해야 하는데 redux-persist 모듈이 그것을 도와준다. session storage는 페이지를 새로고침해..

회원가입 구현하기

What to do? meterial-ui의 기본적인 input을 가져다 쓰고 formik을 통해서 form의 state 관리를 하고 yup을 사용해서 form의 validation을 검증하자. form의 validation 검증이 끝나면 axios로 회원가입을 처리하는 API에 POST 방식으로 데이터를 보내서 서버에 유저의 정보를 저장한다. 사용 url: /sign-up 회원가입에 성공하면 react-toastify로 2초동안 toast 알림창을 띄우고 /login 으로 이동하게 하자! 회원가입 성공 시 DB에 반영이 되는 모습이다! 회원가입 페이지 구현 pages 디렉토리 아래 sign-up 디렉토리를 만들고 Sigup.js 파일과 singUp.scss 파일을 만들자. pages/sign-up/Si..

초반 프로젝트 설정하기

📝 백엔드 서버 구동하기 https://duckgugong.tistory.com/category/%28typeORM%20%2B%20React%29%20%EA%B2%8C%EC%8B%9C%ED%8C%90%20%EC%82%AC%EC%9D%B4%ED%8A%B8%20%EA%B5%AC%ED%98%84/REST%20API '(typeORM + React) 게시판 사이트 구현/REST API' 카테고리의 글 목록 duckgugong.tistory.com 우선 위 링크로 들어가서 typeORM으로 REST API를 작성한 후 서버를 구동해서 http://localhost:8080에 접속하자. https://github.com/ejzl521/Board-BE-NodeJS_typeORM GitHub - ejzl521/Boar..