/boiler-plate-login

[Web] Node.js와 React를 이용한 회원가입/로그인 구현

Primary LanguageJavaScript

boiler-plate-login

[Node.js and React] 노드,리액트, 몽고DB를 이용한 '회원가입/로그인' 보일러 플레이트 만들기

📖 Introduction

node.js, React와 MongoDB를 이용한 '회원가입/로그인' 보일러 플레이트를 제작합니다.

📝 list

제작할 코드와 문서들입니다.

ver 1.0

  • [💻] node js와 expres js 설치

  • [💻] MongoDB 연결

  • [💻] MongoDB Model & Schema 생성

  • [💻] github 연결


ver 1.1

  • [💻] BodyPaser

  • [💻] PostMan을 이용한 회원가입 기능 확인


feat: add nodemon dev

  • [💻] nodemon을 이용해 코드 변경시 바로 반영


feat: Protection of confidential information about DB access

  • [💻] heroku를 이용해서 앱 배포와 git commit시에 DB 정보에 대한 내용을 보호


feat: Password encryption using bcrypt

  • [💻] bcrypt를 이용해 비밀번호를 암호화 DB에 저장


feat: add login function

  • [💻] bcrypt를 이용한 로그인 기능 구현

  • [💻] jsonwebtoken을 이용한 토큰 생성


fix: login bug fix

  • [🔨] 로그인 기능 동작 중 오류 발생으로 인한 코드 수정


feat: add logout function

  • [💻] db에 저장된 token값을 지움으로써 로그아웃 기능 구현


feat: install React and Make new directory

  • [💻] boiler-plate에 유리한 디렉토리 구조를 만들고 리액트를 설치함


feat: Setting Proxy, fix CORS issue

  • [💻] Proxy설정을 통해 CORS issue 해결


feat: install and Setting Redux, Concurrently

  • [💻] Concurrently를 이용한 server, client 동시 실행, 그리고 redux에 대한 이해와 설치를 통한 다음 작업 진행.


feat: add client login page

  • [💻] Client의 login 페이지 제작 / 기능 구현


feat: feat: add register page

  • [💻] Client의 register 페이지 제작 / 기능 구현


feat: Authentication Check

  • [💻] Client의 LandingPage logout 기능 구현 및 Authentication check을 통한 페이지 접근 권한 확인 후 접근 가능 유무 판단


-END-