JavaScript - 세션 스토리지(Session Storage), 로컬 스토리지(Local Storage), 쿠키(Cookie)

세션 스토리지(Session Storage)

• 브라우저 세션이 유지될때까지만 사용할 수 있습니다.
• 탭이나 창을 닫을 때 삭제됩니다.
• 도메인별 세션 스토리지에 저장됩니다.

// 세션 스토리지에 데이터 저장
sessionStorage.setItem("id", "user");
// 세션 스토리지에서 데이터 읽기
sessionStorage.getItem("id");
// 세션 스토리지에서 데이터 삭제
sessionStorage.removeItem("id");
// 세션 스토리지 데이터 초기화
sessionStorage.clear();

로컬 스토리지(Local Storage)

• 탭 간 데이터를 공유할 수 있습니다.
• 직접 삭제할때까지 데이터가 지속됩니다.
• 탭이나 창을 닫고 열었을 때도 지속됩니다.

// 로컬 스토리지에 데이터 저장
localStorage.setItem("id", "user");
// 로컬 스토리지에서 데이터 읽기
localStorage.getItem("id");
// 로컬 스토리지에서 데이터 삭제
localStorage.removeItem("id");
// 로컬 스토리지 데이터 초기화
localStorage.clear();

쿠키(Cookie)

• 클라이언트(브라우저)에 저장됩니다.
• 만료날짜을 지정하지 않으면 브라우저 종료시 삭제됩니다.
• 이름, 값, 만료날짜, 경로 정보로 구성됩니다.