250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 산업기능요원 훈련소
- server action
- query param
- 리액트
- react
- useformstatus
- angular
- sessionStorage
- no-use-before-define
- 리액트 라이프사이클
- useRouter
- 리액트 알림
- styled-component
- react toast
- 자바스크립트
- 훈련소 후기
- 훈련소
- NextJS
- 비동기 병렬처리
- 자바스크립트 순수함수
- The above error occurred in the
- resolved to branch.
- 사회복무요원 훈련소
- next.js toast
- svgr
- 오블완
- 공익 훈련소
- localStorage
- 오라클클라우드
- react life sycle
Archives
목록아이디 기억 (1)
아 그거 뭐였지
[Angular] 자바스크립트 로그인 아이디 기억하기
Q. 아이디 기억하기 기능 구현해주세요. 요즘 웬만한 포털사이트에는 구현되어있는 아이디 기억하기 기능이다. 아이디 기억하기 버튼을 누르고 로그인을 완료하면, 다음에 로그인 페이지에 접속 시 아이디를 자동 입력하게 하는 요구사항이 있었다. 기억하기 후 일정 시간이 경과하면 삭제되게 하는 기능이 있었더라면 쿠키로 구현하였을 테지만 그러한 요구사항이 없었기에 localstorage로 구현하였다. 체크 활성화 시에만 localstorage에 아이디 값을 저장하고, 페이지를 로딩할 때 아이디 값이 있는지 없는지만을 판별한다. 아이디가 있으면 아이디를 가져오고 없으면 안 가져오는 심플 로직이다. 정리하자면 다음과 같다. 1. 로그인 페이지 접속 시 localstorage에 아이디가 있는지 판별 아이디 O 아이디 자..
Front-End
2022. 1. 9. 22:10