useSyncExternalStore를 리액트 프로젝트에 도입하기

React 17까지 프론트엔드에서는 다크모드 적용여부, 최신 검색어 목록과 같이 웹 사이트를 종료해도 관련 데이터가 남아있도록 하기 위해 로컬 스토리지를 활용할 수 있다. React 18 이전까지는 리액트 컴포넌트나 훅에서 로컬 스토리지에 직접 접근해도 문제가 발생하지 않았다. 로컬 스토리지는 데이터가 키 밸류 형태로 저장된다. 데이터가 업데이트되면 스토리지 이벤트를 발생시켜 같은 키를 공유하는 타 컴포넌트도 데이터를 갱신하도록 해야 한다. c...