- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 공익 훈련소
- angular
- query param
- 리액트
- resolved to branch.
- useRouter
- no-use-before-define
- 산업기능요원 훈련소
- server action
- 자바스크립트 순수함수
- 사회복무요원 훈련소
- localStorage
- 훈련소
- next.js toast
- The above error occurred in the
- react toast
- react
- 리액트 라이프사이클
- sessionStorage
- 자바스크립트
- svgr
- react life sycle
- NextJS
- styled-component
- useformstatus
- 오블완
- 오라클클라우드
- 비동기 병렬처리
- 훈련소 후기
- 리액트 알림
목록sessionStorage (2)
아 그거 뭐였지
Localstorage와 Sessionstorage 기능 구현을 하다 보면 데이터를 불러오는 방식에 대해서 고민이 될 때가 있다. 서버에 저장시켜서 불러오는 방식으로 데이터를 불러오기에는 과투자라고 생각되거나, 굳이 서버에 저장할 필요는 없지만 어딘가에는 저장되어야 하는 기능이 필요할 때가 있다. ex) 아이디 기억하기, 장바구니, 최근 본상품, 다음부터 이창을 띄우지 않음 등등.. 이럴 때 웹스토리지를 사용하면 간편하게 데이터를 저장하고 사용할 수 있다. (필요에 따라 쿠키를 사용해도 무방하다.) 주의할 점은 패스워드나 주민번호같이 보안이 중요한 데이터는 노출의 위험이 있으므로 서버에 저장하는 것이 바람직하다. ???: 로컬 스토리지랑 세션 스토리지랑 뭐가 다름? 사용하면서 느낀 가장 큰 차이점은 로컬..
※ 2022년 03월 14일 내용이 너무 빈약하여 수정하였습니다. ※ Q. 뒤로 가기해도 데이터 위치 유지 해주세요 쇼핑몰 프로젝트 진행 중. 상품 리스트 클릭후 뒤로 가기 시 해당 상품으로 포커싱이 되게 해 달라는 요청이 있어 작업하게 되었다. 해당 방법외에도 여러 가지 방법이 있으니 이 코드가 정답이 아니라는것을 유의하길 바란다. 책임회피 해버리기~ 처음에는 localstorage를 사용해서 구현하였는데, 브라우저를 종료시켜도 데이터가 남아있는 경우가 있어 sessionstorage를 사용하여 구현하였다. 더보기 localstorage : 로컬에서 직접 삭제하기 전까지는 데이터가 남아있음 sessionstorage : 세션을 종료하기 전까지는 (ex_ 브라우저 창 닫기) 데이터가 남아있음 아이디어는 ..