Application Panel

• 쉽게 말해서 storage(브라우저 저장소)로 Local storage, session storage 그리고 cookie를 담고 있다.

• 웹앱 디버깅, storage와 DB 및 캐시 검사 및 관리

• storage에 저장된 정보는 객체 형태로 key와 value로 구성되어 있다.

• 클라이언트 사이드, 즉 브라우저 유저 쪽에 가깝게 저장되어서 중요 정보를 담고 있는 건 위험하다.

• 쿠키와 Storage 둘 다 문자열로 정보가 저장된다.

쿠키

• 4kb까지만 저장이 가능하다.

• 쿠키는 Web Storage가 나오기 이전에 브라우저에서 저장소 역할을 해왔다. 쿠키는 클라이언트에 대한 정보를 이용자의 PC의 하드디스크에 보관하기 위해서 웹 사이트에서 클라이언트의 웹 브라우저에 전송하는 정보이다.

• 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징이 있습니다.

• 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조합니다.

Storage

• 스토리지란?
  서버가 아닌, 클라이언트에 데이터를 저장할 수 있도록 지원하는 HTML5의 새로운 기능

Local Storage

• 로컬 스토리지 : 사용자가 지우지 않는 이상 데이터의 영구성이 보장된다.

Session Storage

• 세션 스토리지 : 윈도우나 브라우저 탭을 닫을 경우 사라진다. 즉 데이터의 영구성을 보장하지 않는다.

• 세션의 내용은 서버에 저장되기 때문에 계속하여 늘어날 경우 서버에 부하가 발생한다.

쿠키와 세션의 차이 : https://devuna.tistory.com/23

쿠키는 탈취와 변조가 가능하지만, 세션은 ID값만 가지고 있고 서버에도 저장이 되어있기 때문에 상대적으로 안전합니다.

쿠키는 파일에서 읽기 때문에 상대적으로 빠르고, 세션은 요청마다 서버에서 처리를 해야하기 때문에 비교적 느립니다.