[TIL] 2023-02-21

리액트 프로젝트에서 로그인, 로그아웃 기능을 구현을 예제와 함께 연습함, 로그인한 사용자만 볼 수 있는 (접근할 수 있는) 페이지 처럼 제한하는 방법을 알아보는 중, 프로젝트 코치님께서 추천해준 방법이 있었는데, 그 당시에는 react-router-dom이 버전업 되면서 방법이 달라져서 알지 못한 비공개 라우트 기능을 공부함.

• 사용자 인증 컨텍스트 만들기 (vs 리덕스를 사용하는 방법)
• 회원가입, 로그인, 로그아웃 기능 만들기
  • localstorage 객체 사용해보기
• 비공개 라우트 사용해보기

 // 형태
<Route path="/user"
 element={
   <RequireAuth>
    <User />
  </RequireAuth>
  }
/>