💻 쿠키, 세션, 로컬스토리지

1. 쿠키

하이퍼 텍스트의 기록서(HTTP)의 일종으로, 사용자가 어떠한 웹사이트를 방문할 경우
그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일입니다.
유효기간을 설정가능하고, 브라우저 종료후에도 유지가 됩니다. 
사용하는 경우 : 다시 보지 않음 팝업 창
  
▶ Session Cookie
만료시간을 설정하고, 메모리에만 저장되고 브라우저를 종료시 쿠키를 삭제합니다.

▶ Persistent Cookie
브라우저 종료와 상관없이, 장기간 유지되는 쿠기로 사용자가 파일을 삭제하지 않으면 1년 유지 가능합니다.

▶ Secure Cookie
HTTPS에서만 사용되고, 쿠키정보가 암호화 되어 전송 됩니다.

▶ Third-Party Cookie
방문한도메인과 다른 도메인의 쿠키. 보통 광고, 베너 등을 관리할 때 유입 경로를 취적하기 위해서 사용합니다. 

▶ Cookie를 이용한 Server-Client 흐름
 
▶ 장단점 
장점 : 대부분의 브라우저에서 대부분 지원 됩니다
단점 : API가 한번더 호출되므로  서버에 부담이 증가하고 쿠키 자체의 용량이 작습니다.

2. 로컬스토리지 & 세션

 쿠키의 단점을 보완해 HTML5에서 웹스토리지가 나왔습니다.
 웹스토리지에는 로컬스토리지, 세션스토리지가 있습니다.
 
 ▶ 장단점 
 장점 : 서버에 불필요하게 데이터 저장안하고 용량이 크다.
 단점 : HTML5 지원되는 브라우저에서만 사용가능 
 지금은 대부분 지원되니 치명적 단점이 없다.
 
 

🎈 로컬스토리지

ex) 자동 로그인 저장
로컬스토리지는 웹스토리지의 두 가지 종류 중 하나이다. 
클라이언트에 대한 정보를 영구적(강제로 지우지 않는 이상)으로 보관하는 것이 
세션스토리지와 큰 차이점 이고 그외에는 모두 동일함

▶ 장단점 
장점 : 서버에 불필요하게 데이터 저장안하고 용량이 크다.

🎈 세션

ex) 입력 폼 정보, 일회성 로그인, 비회원 장바구니 
    보안 문제 있어서 비밀번호같은건 절대 저장X

세션스토리지역시 웹스토리지의 종류 두 가지 중 하나이다. 
세션스토리지는 로컬스토리지와 다르게 세션이 종료되면
(즉 웹브라우저를 닫을 경우)
클라이언트에 대한 정보를 삭제하는 것 이다.
보안이 많이 필요할수록 세션스토리지를 쓰는게 좋다

▶ 장단점 
장점 : 서버에 불필요하게 데이터 저장안하고 용량이 크다.