개발일지
close
프로필 배경
프로필 로고

개발일지

  • 분류 전체보기 (107)
    • GIT (3)
    • SQL (17)
    • mongoDB (2)
      • mongoDB 설치 및 node.js 연결 (1)
      • mongoDB 다루기 with studio 3T (1)
    • AWS (5)
      • S3 (4)
      • Elastic Beanstalk (1)
    • JavaScript (19)
      • JavaScript 기초 (18)
      • JavaScript & JQuery (1)
      • TypeScript (0)
    • REACT (5)
      • React-개념정리 (5)
      • React Native (0)
    • NODE.JS(Express) (5)
    • Java (6)
      • SpringMVC (0)
      • SpringBoot (3)
      • 코딩테스트 (3)
    • Python (0)
      • AI (0)
    • 프로젝트 (28)
      • 프로젝트 기획 (3)
      • React 프론트 프로젝트 (8)
      • 풀스택 프로젝트 (16)
      • 배포일기 (1)
    • 개발자도구 (0)
    • 바보일기 (15)
    • 면접 (1)
  • 홈
  • 태그
  • 방명록
반응형
4-4. [React + Node.js Express] 로그아웃 기능

4-4. [React + Node.js Express] 로그아웃 기능

회원가입과 로그인을 만들었으니 로그아웃을 구현한다. 로그아웃의 기능은 간단하다. 유저 인증을 프론트에서 보낸 JWT토큰을 통해 인증하는 방식으로 진행하고 있으므로, 먼저 db에 있는 JWT 토큰을 파기하여 유저 인증 절차가 불가능하게 만들어주면 된다. 그 후 Redux를 통해 사용한 LocalStorage(또는 SessionStorage)를 비워주고, 혹시 모르니 브라우저 쿠키도 파기해준다. Redux는 새로고침하면 사라지기 때문에 굳이 지워주지 않아도 되는데, 그냥 연습용으로 dispatch 한번 더 불러와 사용해본다. 모든 절차가 완료되면 새로고침 코드를 적용하여 페이지를 정돈해준다. 새로고침을 하면 모든 컴포넌트가 다시 마운트되기 때문에, 유저가 새로고침 할 필요 없이 메인 페이지가 바뀌는 모습을 ..

  • format_list_bulleted 프로젝트/풀스택 프로젝트
  • · 2022. 12. 5.
  • textsms
반응형
  • navigate_before
  • 1
  • navigate_next
반응형
공지사항
전체 카테고리
  • 분류 전체보기 (107)
    • GIT (3)
    • SQL (17)
    • mongoDB (2)
      • mongoDB 설치 및 node.js 연결 (1)
      • mongoDB 다루기 with studio 3T (1)
    • AWS (5)
      • S3 (4)
      • Elastic Beanstalk (1)
    • JavaScript (19)
      • JavaScript 기초 (18)
      • JavaScript & JQuery (1)
      • TypeScript (0)
    • REACT (5)
      • React-개념정리 (5)
      • React Native (0)
    • NODE.JS(Express) (5)
    • Java (6)
      • SpringMVC (0)
      • SpringBoot (3)
      • 코딩테스트 (3)
    • Python (0)
      • AI (0)
    • 프로젝트 (28)
      • 프로젝트 기획 (3)
      • React 프론트 프로젝트 (8)
      • 풀스택 프로젝트 (16)
      • 배포일기 (1)
    • 개발자도구 (0)
    • 바보일기 (15)
    • 면접 (1)
최근 글
인기 글
최근 댓글
태그
  • #exrpess
  • #Cookie
  • #React
  • #node.js
  • #Express
  • #ReduxToolkit
  • #어쨌든 찾았으니까
  • #풀스택 배포
  • #react-persist
  • #풀스택배포
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바