Table of Contents

JavaScript로 브라우저 세션 스토리지 활용하기

브라우저 세션 스토리지란?

브라우저 세션 스토리지란, 웹 브라우저에 내장된 데이터 저장소이며 브라우저를 종료할 때까지 데이터를 유지합니다.

sessionStorage.setItem('key', 'value');

세션 스토리지에 데이터를 저장하기 위해서는 `sessionStorage.setItem()` 메소드를 사용합니다. 첫 번째 인수로는 저장할 데이터의 키를, 두 번째 인수로는 해당 데이터의 값을 전달합니다.

sessionStorage.getItem('key');

세션 스토리지에서 데이터를 가져오기 위해서는 `sessionStorage.getItem()` 메소드를 사용합니다. 인수로 가져올 데이터의 키를 전달합니다.

sessionStorage.removeItem('key');

세션 스토리지에서 데이터를 삭제하기 위해서는 `sessionStorage.removeItem()` 메소드를 사용합니다. 인수로 삭제할 데이터의 키를 전달합니다.

sessionStorage.clear();

세션 스토리지에 저장된 모든 데이터를 삭제하려면 `sessionStorage.clear()` 메소드를 사용합니다.

자바스크립트를 사용하여 브라우저 세션 스토리지를 쉽게 다룰 수 있습니다. 세션 스토리지를 활용하면, 브라우저를 새로고침하거나 닫았다가 열어도 데이터가 유지되므로 사용자의 상태나 환경 등을 저장할 수 있습니다.