주뇽's 저장소

#10 로그아웃 기능 만들기(ReactJS) 본문

웹개발/React

#10 로그아웃 기능 만들기(ReactJS)

뎁쭌 2023. 1. 8. 18:57
728x90
반응형

본 정리는 인프런 John Ahn 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의를 참고하였습니다.

  • 전체 흐름도스크린샷 2022-12-28 오후 9 43 12

로그아웃은 이미 로그인이 되어있으므로 해당 유저 데이터베이스에서 토큰만 삭제하면 됨

  • index.js 파일에 다음 코드 추가
  • app.get('/api/users/logout', auth, (req, res) =>{ User.findOneAndUpdate({_id:req.user._id,}, {token :""}, (err,user)=>{ if(err) return res.json({ success : false, err, }) return res.status(200).send({success:true}) }) })

포스트맨에서 로그인 후 로그아웃 확인

스크린샷 2022-12-28 오후 9 56 48

데이터베이스에서 토큰 삭제 확인

  • 로그아웃 전스크린샷 2022-12-28 오후 9 51 06
  • 로그아웃 후스크린샷 2022-12-28 오후 9 58 02

'웹개발 > React' 카테고리의 다른 글

[React] 컴포넌트  (0) 2023.12.12
#9 Auth 기능 추가(ReactJS)  (0) 2023.01.08
#8 로그인 기능JWS(ReactJS)  (0) 2023.01.08