쿠키
- 클라이언트가 서버에 방문한 정보를 클라이언트 단에 저장하는 작은 파일
- 매번 서버에 전송(서버에 부담이 갈 수 있다.)
- 다른 도메인에서 요청할 때도 자동 전송될 수 있다.
- 유효 기간 존재
Web Storage
- 클라이언트에 데이터를 저장할 수 있도록 HTML5부터 새롭게 지원하는 저장소
- 쿠키와 달리 서버에 전송되지 않는다
- 필요한 경우에만 꺼내 쓴다.
- 유효 기간 존재 X
- 로컬 스토리지와 세션 스토리지가 있다.
a. Local Storage
- 브라우저를 종료해도 유지되는 데이터로, 명시적으로 지우지 않는 한 영구적으로 저장
- 도메인별로 생성
b. Session Storage
- 탭/윈도우 단위로 세션 스토리지가 생성
- 다른 도메인이라면 또 다른 세션 스토리지가 생성
- 서로 다른 스토리지는 독립적
- 유효 범위 및 생존 기간을 가지며, 탭/윈도우를 닫을 시 데이터가 삭제
- 잠시 동안 필요한 정보를 저장하기에 좋다.(ex-입력 폼 저장, 일회성 로그인 등)
'Javascript > 웹 개발' 카테고리의 다른 글
Request param, query, body 차이점 (0) | 2021.10.07 |
---|---|
REST API 엔드포인트 이름 규칙 (0) | 2021.09.02 |
포워드 프록시/리버스 프록시 (0) | 2021.07.21 |
포트 포워딩 (0) | 2021.07.20 |
클라이언트 사이드 렌더링/서버 사이드 렌더링 (0) | 2021.07.20 |