브라우저 저장소
state(변수) : 새로고침 시 초기화
LocalStorage : 껐다 켜도 남아있음
로컬 스토리지는 HTML5부터 추가된 브라우저 저장소 기능으로, 사용자의 로컬 컴퓨터에 데이터를 저장한다. 로컬 스토리지에 저장된 데이터는 브라우저가 닫혀도 계속해서 유지된다. 로컬 스토리지는 쿠키와 세션보다 더 많은 데이터를 저장할 수 있으며, 데이터의 유효 기간을 설정할 필요가 없다.
Session Storage : 브라우저 껐다 켜면 초기화
세션은 쿠키와 비슷하게 클라이언트 측에 저장되지만, 쿠키와 달리 데이터를 브라우저에 직접 저장하지는 않는다. 대신, 서버에서 생성된 고유한 식별자를 클라이언트에게 전송하여 저장하도록 요청하고, 서버 측에서 해당 식별자를 통해 사용자 정보를 저장하고 유지한다. 세션은 쿠키보다 더 안전하게 사용자 정보를 보관할 수 있으며, 브라우저를 닫으면 자동으로 삭제된다.
쿠키 : 껐다 켜도 남아 있다
쿠키는 클라이언트 측에 작은 데이터 파일로 저장되며, 서버가 사용자의 브라우저에게 전송하여 저장하도록 요청한다.
쿠키는 유효 기간(만료 기간, 만료시 삭제)을 설정할 수 있으며, 해당 기간 동안에만 브라우저에서 해당 쿠키를 서버로 전송한다. 쿠키는 주로 사용자 정보나 선호 설정 등을 저장하기 위해 사용된다.
보안기능(httpOnly, Secure) 강화, 자동으로 서버와 연동 가능하다는 특징이 있다
그래서 왜 많은데?
모두 웹 애플리케이션에서 데이터를 저장하고 유지하기 위해 사용되는 방법이다. 각각의 저장소는 데이터를 저장하고 유지하는 방식이 다르므로, 개발자는 사용 목적에 따라 적절한 저장소를 선택해야 한다.
Strive for greatness