로그인 시, response로 받는 유저 정보 + 토큰 관리하는 방법이 궁금합니다

• 개인적인 생각

1. 로그인 하여 API 통신으로 User정보와 token을 받아온다.

2. token은 localstorage에 저장하고, User정보는 Context API를 사용하여 전역으로 관리한다.

3. context api는 새로고침시 정보가 날라가므로, 페이지 렌더링 될때마다 User정보가 없으면 localstorage의 token을 확인하여 로그인 여부 확인하고 token을 가지고 새롭게 User정보 받아오기

• 토큰 관리
• 쿠키 (http only) (유저가 알바아님ㅇㅇ)
• localstorage 보안에 취약 (되도록 지양)

• User정보 관리
• Context API
• useQuery도 가능

const PrivateRoute = (props: Route 관련된 정보) => {
  const { successs } = useUserLogin();

  if (success) reutn props.route;

	return fallback;
};


export const Routes = () => {
	return (
    <Switch>
      <Route path="/home" components={<Home/>} />
      <PrivateRoute path path="/mypage" components={<MyPage />} fallback={<Login />} />
    </Switch>
  )
}

const Home = () => {
  const {} = useLogin();

  if (!success) reutn <Login />;
};


<Suspense>
<