[리액트] 간단한 로그인 구현하기(Context, LocalStorage)
리액트를 이용하여(공부X) 개인 프로젝트를 진행하는데 로그인 기능을 구현해야 했습니다.복잡한 로그인이 아닌 단순히 로그인 버튼을 누르면 로그인을 성공시키는 구조입니다.요구 사항은 아래와 같습니다. 헤더에 로그인 정보 표시로그인 버튼을 누르면 바로 로그인이 됨로그인되면 로그아웃 버튼으로 변경이 됨로그아웃 버튼을 누르면 바로 로그아웃이 됨새로 고침을 해도 로그인 정보가 남아 있음 로그인 정보는 Context API를 이용하여 각 Component에서 유저 정보에 접근 가능하도록 했습니다.로그인을 위한 검증 및 유저 정보는 나중에 정의하기로 하여, 현재 시각을 간단하게 버튼에 넣기로 합니다. 새로 고침을 해도 로그인 정보가 유지되려면 LocalStorage에 로그인 정보를 저장합니다.페이지가 이동하거나 새로 ..
웹/프론트
2024. 10. 14. 01:20
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 골드
- 레벨3
- 스프링부트
- 레벨4
- 레벨2
- 실버
- 프로젝트
- 브루트포스
- BFS
- 후기
- 면접
- 게시판
- 최소스패닝트리
- 구현
- 취준
- 신입
- 그래프탐색
- 네이버
- 시뮬레이션
- 플레
- 코딩테스트
- 프로그래머스
- 자바
- 카카오
- dfs
- 자료구조
- 백준
- 그래프이론
- 스프링
- 트리
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
글 보관함