LocalStorage, SessionStorage, Cookie의 차이

공통점

• 데이터베이스를 사용하지 않고 데이터를 임시적인 용도로 저장할 때 사용하는 것
• 대부분 임시적인 용도의 데이터나 캐시, history 기능을 위해 사용한다.
• 임시로 저장하는 용도로도 많이 사용된다.
• 그 외 서버에 저장할 필요가 없는 정보들을 저장 할 때 사용한다.
• 가장 중요한 것은 보안적인 문제가 될 만한 것들을 저장할 때 사용하면 안된다.

Cookie

• 브라우저 요청이 있을 경우 자동으로 서버에 전송한다.
• 클라이언트 로컬에 저장되는 key, value값이 들어 있는 데이터 파일이다.
• 사용자의 하드에 저장되어 보안위험이 있다.
• 재 요청 시 저장된 값을 참조, 재사용 한다.
• 사용자의 하드에 저장되기 때문에 공공장소에서 해킹 등의 악용이 가능하다.
• 클라이언트에 300개, 하나의 도메인에 20개의 값만 저장이 되며 하나의 쿠키는 4KB까지 저장 가능하다.
• 이름, 값, 만료 날짜(저장 기간), 경로 정보가 있어야하며 일정시간 동안 데이터를 저장할 수 있다.
• 같은 도메인 상에서 쿠키의 값은 공유된다.
• 클라이언트가 요청하지 않아도 브라우저 요청이 있을 경우 Request Header에 넣어서 자동으로 서버에 전송한다.
• key, value 데이터 파일로 이름, 값, 만료 날짜(저장 날짜), 경로 정보가 필요하다.

Local Storage

• 데이터의 만료기간이 없으며 사용자가 데이터를 지우지 않은 한 영구적으로 보존된다.
• 사이트 재 방문시 이전에 저장되었던 정보를 이용 할 수 있어 활용도가 높다.
• 사용자 설정 저장, 브라우저를 닫고 열었음에도 정보가 남아야 하는 것들을 저장할 때 사용한다.

Session Storage

• 데이터의 세션이 끝나면(브라우저 종료) 데이터가 지워진다.
• 휘발성 데이터를 저장할 때 사용한다.