Cookie, Session

웹 브라우저에서 쿠키란 웹 사이트 접속시 접속자의 개인장치에 다운로드 되고 브라우저에 저장되는 작은 텍스트 파일이다.
데이터 형태는 key-value 형태로 텍스트파일이며. 4KB이상 저장이 불가능하다.
로그인 기능을 생각해봤을때 웹에서 요청마다 매번 연결과 해제가 되면서 요청마다 새로운 사용자로 인식되는 경우, 쿠키와 세션을 통해 브라우저를 종료했다가 다시 접속해도 그 로그인 상태를 유지할수있다.

쿠키를 통해 사용자의 로그인 아이디, 비밀번호를 쿠키에 저장할수 있게되었다.
하지만 이 방식은 쿠키가 노출되는 단점이 있다. 이를 방지하기 위해 세션이 있다.

세션은 비밀번호와 같은 인증 정보를 쿠키에 저장하지 않고, 사용자의 식별자인 id로 저장하게된다.
비밀번호가 노출되지 않고 각자 고유한 id를 발급받아 이 id를 통해 로그인 상태, 시간, 닉네임, 만료기한 등 정보를 저장 할 수 있으므로 훨씬 보안상 안전하다.

Local Storage

쿠키는 4KB라는 적은용량의 저장공간을 가지는 반면
Local Storage는 5MB의 저장공간을 가지고 있다. 데이터의 구조는 쿠키와 마찬가지로 key-value 형태로 이루어져있으며, 데이터는 문자열로만 저장된다.
쿠키와 마찬가지로 반영구적으로 저장하며, 브라우저를 종료 후 재시작해도 데이터가 남아있는 특성을 가진다.

쿠키와 매우 비슷해보이지만 차이점은 쿠키는 일반적으로 서버와 통신할때 헤더에 포함되어 전송되고, 서버측에서도 설정이 가능하다.
반면에 로컬스토리지는 서버와 관계없이 브라우저에서만 데이터를 관리한다

!!출처
https://lovefor-you.tistory.com/247
https://velog.io/@sjwngjs/JAVASCRIPT-%EC%9B%B9%EC%8A%A4%ED%86%A0%EB%A6%AC%EC%A7%80local-storagesessionstorage-%EB%9E%80