렌더링된 구성 요소 및 상태 저장: 페이지를 다시 로드해도 지속되는 방법은 무엇입니까?

Question

저는 사용자가 원하는 구성 요소를 렌더링하도록 사용자 정의할 수 있는 대시보드 애플리케이션을 개발 중입니다. 구성이 완료되면 사용자가 애플리케이션을 다시 방문할 때 떠날 때와 동일한 설정이 로드되도록 이 상태를 어떻게 저장합니까?

예를 들어 다음 구성 요소를 사용할 수 있습니다. A, B, C, D, E。用户配置他们的仪表盘只渲染A, C, D。我希望当用户重新加载或重新访问页面时，渲染相同的组件（A, C, D) 및 해당 상태. 나는 사용자가 매번 애플리케이션을 재구성하는 것을 원하지 않습니다.

데이터를 텍스트 파일에 저장하는 것을 고려했지만 해당 데이터를 다시 구성 요소로 변환하는 방법을 잘 모르겠습니다. 어떤 제안이 있으십니까?

Answer 1

브라우저에 데이터를 저장하는 경우 몇 가지 옵션이 있습니다.

• 로컬 저장소
• 인덱싱된 DB
• 쿠키

클라이언트 스토리지

React의 경우 예를 들어 위의 사용법을 단순화하는 useLocalStorage（类似于useState)과 같은 항목을 찾을 수도 있습니다. 그래도 순수한 브라우저 API는 충분히 간단할 수 있습니다.

그러나 현실적으로 솔루션은 "사용자"를 어떻게 정의(식별)하는지에 따라 달라질 수 있습니다. 그 사람이 브라우저를 연 사람인가요? 아니면 앱에 로그인한 사람인가요?