useSession status

세션 UI는 세 상태를 섞지 않을 때 깜빡임이 줄어든다

같은 컴포넌트라도 로딩, 로그인됨, 로그아웃됨을 별도 화면으로 둔다.

const { data: session, status } = useSession()
loading

아직 판단하지 않음

보여줄 것: 로딩 표시. 보호 콘텐츠와 로그아웃 버튼은 숨긴다.

authenticated

사용자 확인 완료

보여줄 것: 사용자 정보, 보호 링크, 로그아웃 버튼.

unauthenticated

세션 없음

보여줄 것: 로그인 버튼과 접근 안내. 보호 화면은 열지 않는다.

핵심: session 유무만 보지 말고 status까지 함께 봐야 순간 노출을 피할 수 있다.