[Info] 로컬 스토리지 vs 세션 스토리지(Local Storage vs Session Storage)

로컬 스토리지 vs 세션 스토리지(Local Storage vs Session Storage)

Web Storage(웹 스토리지)를 이용하는 Web Service(웹 서비스)는 사용자의 브라우저(Browser) 내에 데이터를 로컬에 저장할 수 있다.

Web Storage를 사용하기 전에는 사용자의 데이터를 저장하기 위해서 쿠키(Cookie)를 이용하여 저장했으며, Cookie를 이용하여 지속적으로 서버와 통신이 필요했다.

Web Storage는 많은 데이터를 로컬에 저장할 수 있으며, 서버와 지속적인 통신이 필요하지 않아 더 빠르게 사용함에 따라, Web 서비스의 성능을 향상할 수 있다.

Web Storage 역시 Cookie와 마찬가지로 Web 서비스의 도메인별로 사용되며, 저장하는 방식에는 Local Storage와 Session Storage가 있다.(A 도메인의 저장한 내용은 B 도메인에서 사용할 수 없음.)

1. 로컬 스토리지(Local Storage)

Local Storage에 저장된 데이터는 브라우저를 종료한 후에도 데이터가 삭제되지 않아, 삭제하기 전까지 저장된 데이터를 계속 사용할 수 있다.

Window.localStorage - Web API | MDN

728x90

2. 세션 스토리지(Session Storage)

Session Storage에 저장된 데이터는 각 Session마다 저장되며, 해당 Session이 종료 시 저장된 데이터는 자동적으로 삭제된다.(브라우저 종료 혹은 Tab 닫을 시 데이터 삭제)

Window.sessionStorage - Web API | MDN

728x90

3. 정리

위 내용처럼 Web Storage를 사용하는 데이터에 따라, Local / Session Storage를 선택하여 사용해야 하며, 중요 데이터를 사용하는 경우에는 Session Storage를 꼭 사용하는 편이 좋다.

HTML Standard