서문 자바스크립트 LocalStorage는 웹 개발자들에게 강력한 도구로서 데이터를 브라우저에 영구적으로 저장하고 활용할 수 있는 기능을 제공합니다. 이 기사에서는 자바스크립트 LocalStorage를 어떻게 사용하는지에 대한 자세한 가이드를 제공하고, 이를 통해 웹 애플리케이션의 성능과 사용자 경험을 향상시킬 수 있는 방법을 알아보겠습니다. 1. LocalStorage란 무엇인가요? 1.1. LocalStorage 개요 LocalStorage는 웹 브라우저에 데이터를 저장하는 데 사용되는 웹 스토리지 메커니즘 중 하나입니다. 이 데이터는 브라우저를 종료하고 다시 열어도 지속적으로 유지됩니다. 이는 쿠키와 달리 데이터의 크기가 크고 보안적으로 더 강력하다는 장점이 있습니다. 1.2. LocalStorag..

에러 Context API를 이용하여 state를 전역관리하고 있다. 그런데 router.push를 이용하면 state 업데이트가 공유가 되지 않고 있다. 혹은 새로 고침시에도 state가 찾을 수 없다고 한다. 해결방법 이럴 때는 localStorage을 활용해보자. 리액트 사용자는 localStorage를 custom Hook, utils, Context API와 결합하여 사용할 수도 있다. 혹은 중요한 정보는 SessionStorage을 활용하자 *localStorage : 데이터를 사용자 로컬에 보존하는 방식으로, 데이터를 저장하고 덮어쓰기, 삭제 등 자바스크립트로 조작이 가능하며, 모바일에서 사용이 가능하다. *SessionStorage : 로컬스토리지는 브라우저 창을 닫더라도 데이터가 유지되는..