서버 통신으로 받은 사용자 인증 상태로 조건부 렌더링하기

들어가기에 앞서

이 포스팅은 나의 삽질과 학습의 흐름을 기술한 것이니, 해결 방법이 궁금하신 독자가 계시다면 맨 마지막 목차로 이동하길 바란다.

 

• supabase의 getUser() 메서드로 유저의 인증 상태롤 서버로부터 받아옴.
• 이를 Zustand를 활용하여 전역 상태로 만듦.
• 이 전역 상태를 활용해서 헤더 컴포넌트에서 유저가 로그아웃 상태면 로그인, 회원가입 버튼이 보이게 하고, 로그인 상태이면 로그아웃 버튼만 보이게 조건부 렌더링을 하고자 함.

나의 삽질 과정

• localStorage에 저장된 토큰을 불러와서 토큰이 있으면 인증된 사용자라고 간주.
•