세션스토리지2 [ JavaScript ] sessionStorage에 여러 아이템 저장하기, 객체를 세션스토리지에 저장하기 여러 아이템을 sessionStorage에 저장하고 싶다면 아래와 같은 방법을 이용할 수 있다. 키 하나에 모두 저장하기 const data = { updateName: name, updateURL: url, updateKey: key }; sessionStorage.setItem('userData', JSON.stringify(data)); 여러 아이템을 data라는 객체에 저장하고 JSON.stringify() 함수를 사용해 객체를 문자열로 변환시켜 userData 키에 저장할 수 있다. sessionStorage에는 아래와 같이 담긴다. 그런 다음 가져올 때는 JSON.parse() 함수를 사용해 문자열을 다시 객체로 변환합니다. const data = JSON.parse(sessionStorage.. 2023. 8. 1. [ JavaScript ] Session Storage와 Local Storage, 어떤 걸 어떻게 쓸까? Session Storage 세션스토리지 - 세션에 대한 유지 기가 동안 데이터를 저장하는 데 사용한다. - 브라우저 탭이나 창을 닫으면 저장된 세션 스토리지의 저장된 데이터가 삭제된다. - 다른 탭이나 창에서는 세션 스토리지에 접근할 수 없다. - 보안적인 측면에서 더 안전한 옵션이지만, 재부팅이나 브라우저 종료 시 데이터가 손실된다. Local Storage 로컬스토리지 - 영구적으로 데이터를 저장하는 데 사용된다. - 사용자가 명시적으로 데이터를 삭제하지 않는 이상, 브라우저를 닫아도 데이터가 유지된다. - 다른 탭이나 창에서도 로컬 스토리지에 접근할 수 있다. - 보안에 주의해야 한다. 로그인 아이디와 같은 중요한 정보는 일시적인 세션에 저장하는 것이 보안적인 측면에 더 안전하다. 로그인 상태를 .. 2023. 7. 27. 이전 1 다음
