세션 스토리지(Session Storage), 로컬 스토리지(Local Storage)

📌

둘 다 웹 브라우저에 데이터를 저장하는 방법으로, 데이터를 사용자의 컴퓨터에 저장해 나중에 다시 사용할 수 있도록 해주는 기능입니다. 이를 통해 서버에 매번 요청하지 않고도 저장된 데이터를 쉽게 사용할 수 있습니다.

◼ 공통점

1. 브라우저 저장
   둘 다 웹 브라우저에 데이터를 저장할 수 있습니다.
2. 저장 용량
   쿠키에 비해 더 많은 데이터를 저장할 수 있습니다. (대략 5~10MB 정도)
3. 문자열 저장
   둘 다 데이터를 문자열(String) 형식으로 저장합니다. 숫자나 객체를 저장하려면 먼저 문자열로 변환해야 합니다.
4. 같은 도메인에서만 접근 가능
   같은 웹사이트(도메인) 내에서만 접근할 수 있습니다. 다른 사이트에서는 이 데이터를 사용할 수 없습니다.

◼ 차이점

1. 저장 기간
   • 세션 스토리지 : 브라우저 탭을 닫으면 데이터가 사라집니다. 즉, 세션 스토리지는 브라우저 탭이나 창을 종료할 때까지만 데이터를 저장합니다. 탭마다 다른 저장공간을 사용하기 때문에, 같은 사이트여도 다른 탭에서는 서로 다른 데이터를 가집니다.
   • 로컬 스토리지 : 브라우저를 껐다 켜도 데이터가 유지됩니다. 웹사이트에서 데이터를 저장해 두면, 사용자가 다시 그 웹사이트에 접속할 때 데이터를 그대로 사용할 수 있습니다.
2. 용도
   • 세션 스토리지 : 브라우저 탭을 닫을 때까지 일시적인 데이터를 저장할 때 사용합니다. 예를 들어, 여러 단계 입력 폼이나 검색 필터 상태를 유지할 때 적합합니다. 탭을 닫으면 필요 없는 데이터라면 세션 스토리지를 사용하는 것이 좋습니다.
   • 로컬 스토리지 : 오랜 기간 유지하고 싶은 데이터를 저장할 때 사용합니다. 예를 들어, 로그인 정보나 테마 설정 같은 데이터는 브라우저를 껐다 켜도 유지되는 것이 좋기 때문에 로컬 스토리지를 사용합니다.