트위터 클론코딩 - 로그아웃

로그아웃은 Docs를 보고 하면 엄청 쉽다...

 

그전에 router 설정을 조금 수정해주겠다.

 

로그인 유무에 따라 로그인시 NavBar를 보여주고 

NavBar에는 Home 링크 profile 링크를 보여주고 profile로 왔을시 로그아웃 버튼을 만들어주겠다.

 

 

그 다음 로그아웃을 할수있게 로그아웃 함수를 구현해 줄건데 Docs를 보면 엄청 간단하다. 

그냥 .signOut( ) 함수만 불러다 써주면 끝이다. 그런데 이제 로그아웃시 home으로 돌아가지 않기 때문에 

router의 useHistory 훅을 이용해서 간단하게 이동해주면 된다.

 

  const history = useHistory();
  const Logout = () => {
    authService.signOut();
    history.push("/");
  };