반응형
react localStorage
-
React localStorage리액트 2023. 3. 3. 12:13
React localStorage에 대해서 React localStorage란? React는 웹 브라우저의 localStorage를 이용하여 클라이언트 측에서 데이터를 저장하고 유지할 수 있다. localStorage는 브라우저에서 key-value 쌍으로 데이터를 저장하는 방식이다. 이는 브라우저를 닫았다가 다시 열어도 데이터가 유지되기 때문에 새로고침, 브라우저 재시작 등과 관계없이 계속해서 사용할 수 있다. React localStorage를 사용하기 위해서는 먼저 localStorage객체에 접근해야 한다. 이는 일반적으로 componentDidMount 또는 useEffect 훅에서 이루어진다. 예를 들어 아래 코드는 컴포넌트가 마운트된 후 localStorage에서 데이터를 가져오는 방법을 보..