TIL

---

What I Learn?

1) 로컬 스토리지, 세션 스토리지

로컬 스토리지와 세션 스토리지는 HTML5 에서 추가된 저장소이다.

간단한 키와 값을 저장할 수 있다. (Key - Value 형태)

1-1. 각각의 차이점

로컬 스토리지와 세션 스토리지의 차이점은 데이터의 영구성이다.

로컬 스토리지의 데이터는 사용자가 임의로 지우지 않는 이상 계속 브라우저에 남아 있는다.

하지만 세션 스토리지의 데이터는 윈도우나 브라우저의 탭을 닫을 경우 제거된다.

1-2. 각각 어떤 곳에 활용하면 좋을까?

로컬 스토리지는 지속적으로 필요한 데이터를 저장하기에 적합하므로 개인용 PC의 자동 로그인 기능에 적합하다고 볼 수 있다.

세션 스토리지는 임의로 필요한 데이터를 저장하기에 적합하므로 공공장소에서의 일회성 로그인 기능에 적합하다고 볼 수 있다.

2) 이전에는 어디에 데이터를 저장했을까?

이전에는 쿠키라는 곳에 데이터를 저장했다.

쿠키의 특징은 만료기한이 있는 키와 값을 저장한 데이터라는 것이다.

그럼 쿠키는 왜 쓰게 된걸까?

간단하게 말하면 HTTP 요청은 상태를 가지고 있지 않기 때문에 쿠키라는 곳에 특정 정보를 담아서 서버로 보내기 위해 만들어졌다.

쿠키의 최대 용량은 4kb 까지인데 매 요청마다 쿠키를 보내므로 데이터 낭비가 일어날 수도 있다.

이러한 매번 보내지 않아도 되는 데이터들을 세션 스토리지와 로컬 스토리지를 통해 해결 할 수 있다.