React : 로그인 회원가입 - FireBase, Redux 사용이유

유저인증에 파이어베이스를 사용하는 이유

 

우리가 Express와 몽고DB를 가지고 유저정보를 구현할 수 있긴 하지만 (자바스크립트 웹토큰 라이브러리) 회원가입을 하거나 로그인을 할 때  비밀번호를 DB에 plain text로 저장하면 안된다

반드시 보안규칙을 거쳐야 한다.

즉 사용자가 회원가입을 했을 때 비밀번호는 암호화 과정을 거쳐서 DB에 저장해야하고,

로그인 했을 때 비밀번호도 암호화 과정을 거쳐서 DB에 있는 암호화과정을 거친 비밀번호와 비교를 로그인을 해야한다.

그래서 이러한 복잡한 과정을 도와주는 것이 파이어베이스이다.

 

유저인증과 관련된 서비스는 firebase를 사용한다

파이어베이스는 어플리케이션의 빌드부터 배포까지 도와주는 유용한 툴이다.

파이어베이스에서 Authentication(유저인증)이라던가 Real time DB, 스토리지와 같은 기능을 제공한다.

 

 

Redux를 사용하는 이유

 

그리고 이제 로그인을 했을 때와 안했을 때 들어갈 수 있는 페이지를 구분해야한다.

로그인을 해야 게시글을 작성할 수 있는 것처럼 유저가 로그인했다는 정보가 있어야한다.

이럴 때 사용하는 것이 Redux이다.

쉽게 말하면 리덕스를 사용함으로써 컴포넌트가 아무리 많아져서 상태관리하기가 쉬워진다.

 

리덕스는 Provider라는 것으로 최상위 컴포넌트 App을 감싸주고 

createStore을 이용해 store을 생성할 수 있다.