로그인 방식에서 2개는 차이가 있는데 Session이 더 안정적이라고 판단이 들었습니다.
왜냐하면 간단히 말하면 로컬 스토리지는 데이터가 계속 저장되어서 보안이 취약한 반면에 세션 스토리지는 계속 저장되지 않기 때문입니다.
두 스토리지 객체는 동일한 메서드와 프로퍼티를 제공합니다.
- setItem(key, value) – 키-값 쌍을 보관합니다.
- getItem(key) – 키에 해당하는 값을 받아옵니다.
- removeItem(key) – 키와 해당 값을 삭제합니다.
- clear() – 모든 것을 삭제합니다.
- key(index) – 인덱스(index)에 해당하는 키를 받아옵니다.
- length – 저장된 항목의 개수를 얻습니다.
참고) https://ko.javascript.info/localstorage
localStorage와 sessionStorage
ko.javascript.info
https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-localStorage-sessionStorage
[JS] 📚 LocalStorage / SessionStorage (vs 쿠키와 비교)
LocalStorage / SessionStorage API 소개 html5에서는 좀 더 쉽고 간단한 저장소 제공을 위해 새로운 localStorage와 sessionStorage API를 제공한다. 둘 다 저장 공간으로 사용할 수 있는데 이 둘의 가장 큰 차이점이
inpa.tistory.com
'Front-End > React' 카테고리의 다른 글
| [팀프로젝트시작] (0) | 2024.01.10 |
|---|---|
| useNavigate() may be used only in the context of a <Router> component 에러해결 case-1 (1) | 2024.01.06 |
| [React] function is not iterable 에러해결 case-1(useState() 괄호를 안썼을때) (0) | 2024.01.06 |
| [React] <Button/> 태그를 가운데 정렬하는법 (0) | 2024.01.05 |
| [React] <></> 와 <React.Fragment> 차이/ Fragment 사용하는 이유 (0) | 2023.11.24 |