Skip to content

10주차 [Network] Cookie와 Session#68

Open
KJY97 wants to merge 5 commits intono-study-no-future:KJY97from
KJY97:cookie-session
Open

10주차 [Network] Cookie와 Session#68
KJY97 wants to merge 5 commits intono-study-no-future:KJY97from
KJY97:cookie-session

Conversation

@KJY97
Copy link

@KJY97 KJY97 commented Mar 5, 2022

쿠키와 세션의 개념과 차이에 대해 설명할 수 있습니다. (#67)

@KJY97 KJY97 added the Network Network label Mar 5, 2022
@KJY97 KJY97 linked an issue Mar 5, 2022 that may be closed by this pull request
@leeejuhyeong
Copy link
Member

브라우저의 localStorage, sessionStorage는 쿠키와 세션 어디에 속하나요? 아니면 별개인가요?

@KJY97
Copy link
Author

KJY97 commented Mar 6, 2022

브라우저의 localStorage, sessionStorage는 쿠키와 세션 어디에 속하나요? 아니면 별개인가요?

우선 결론부터 말하자면 WebStorage는 쿠키와 세션과는 다른 별개입니다.
그런데 우리가 역할이 비슷하다고 느끼는 이유는 WebStorage는 HTML5가 등장하면서 추가된 저장소로, 쿠키의 사용 방법을 대부분 대체하고 있기 때문입니다.

다만, localStorage는 쿠키와 달리 HTTP 요청에서 데이터를 주고 받을 필요가 없습니다.
만약 4kb를 모두 채운 쿠키가 있다면 요청할 때마다 기본 4kb 데이터를 모두 사용해야 하는데, 이 4kb 중에는 서버에 필요하지 않는 데이터가 있을 수 있습니다. 이러한 데이터들을 localStorage와 sessionStorage에 저장을 함으로써 쿠키의 단점인 트래픽과 낭비되는 대역폭의 양을 줄일 수 있게 됩니다.

참고로 localStorage는 사용자가 지우기 전까지는 데이터 영구적이고, SessionStorage는 브라우저를 종료하면 함께 제거됩니다.
도메인 별로 용량 제한이 있는데 모바일은 2.5mb, 데스크탑은 5mb~10mb라고 생각하시면 되고, 쿠키/세션과 마찬가지로 WebStorage에 중요 정보는 저장해서는 안됩니다.

참고

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Network Network

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Network] Cookie와 Session

2 participants