자바스크립트로 웹 개발을 하다보면 아무리 간단한 웹 애플리케이션이라도 데이터를 저장해야 할 일이 생기는 데 보통 이럴 때 데이터베이스(DB) 서버나 클라우드(Cluod) 플랫폼에 데이터를 저장하거나 하는 경우가 많은데 크게 중요하지 않은 데이터 같은 경우에는 브라우저상에 저장하여 사용하는 경우도 있다.
데이터를 추가/수정한 후에 페이지 새로고침 하거나 새로운 페이지를 열었을 때 기존의 데이터를 불러올 때에도 사용할 때에도 유용하게 사용할 수 있는 방법입니다.
localStoarage의 특징
- 저장하는 데이터를 영구 보관한다.
즉, 브라우저 창을 닫아도 살아 있고 새로 고침을 해도 유지가 된다.- 동일한 pc안에서 동일한 브라우저를 사용했을 때에 사용합니다.
SessionStorage 특징
- 저장하는 데이터를 영구 보관하지 않는 다.
브라우저를 끄는 순간 데이터가 날라가 버린다.- 각각의 브라우저 마다안에서 데이터가 다르다 => (동일하게 작업을 하지 않을 경우 데이터가 전부 다름)