로그인 uid 리코일 과 세션

카카오 로그인은 정상적으로 잘됨

1. 로그인 페이지에서 uid를 상태에 저장

2. 다른 페이지에서 uid를 상태에서 불러 오는건 잘됨 새로고침 하면 uid가 사라짐

문제 :  새로 고침 하면 로그인이 풀림

 

그래서로컬스토리지에 저장 해 보기로함

문제 : 최상단에서 불러 오려니 최상단이 클라이언트 컴포넌트가 됨

 

최상단 컴포넌트에 uid 적용 하기

 <RecoilRoot>
            <InitializeUidState/>
            <main className="min-h-screen flex flex-col items-center">
            {children}
            </main>
        </RecoilRoot>

 

export default function InitializeUidState(){
    const [uid, setUid] = useRecoilState(loginUid);
    
    useEffect(()=>{
    const savedUid = localStorage.getItem('uid');
    if (savedUid) {
        setUid(savedUid);
      }
    },[setUid]);
    return null;
}

상태에 uid를 담기 위해서 스토리지에 불러 온 uid 담기

 

총 순서

1. 로그인 페이지에서 uid를 상태에 저장 하면서 스토리지에 저장

2. 최 상단 컴포넌트에서 상태 작성 스토리지에 불러온 uid를 상태에 담기

3. 다른 페이지에서도 상태에 담겨 있는 uid가 있어서 불러 올 수 있다