[TIL] 오늘의 개발일지

오늘 프로젝트를 진행하면서 정말 재미있는 사실을 깨달았습니다.

업데이트할 때 next.js를 사용하는 경우(URL을 직접 입력)

현재 사용자 정보가 정의되지 않는 이유

서버에서 다시 렌더링할 때 현재 사용자의 정보가 이전에 없어졌습니다(어딘가 쿠키에 저장되어 있는 줄 알았습니다)

다시 업데이트를 해보니 기존 정보가 사라진 줄 알았습니다.

완조니는 나의 환상, 경기도 오산

업데이트할 때 사용자 정보를 잃는 대신 오 마이 갓

브라우저가 ‘인증해주세요’ 요청을 보내는 동안 Firebase를 다시 가져와서 다시 연결하는 동안

if(auth.currentUser) 로 설정한 UI는 사용자 정보가 날아가 버린 듯!!!!!!

튜터가 알려준 이 원리를 직접 눈으로 보고 싶다.

setTimeout을 통해 콘솔 사진을 찍었습니다.

  const currentUser = authService.currentUser;
  console.log(currentUser);
  setTimeout(() => {
    console.log(currentUser);
    const timeCurrentUser = authService.currentUser;
    console.log(timeCurrentUser);
  }, 6000);

결과….?!?!

미쳤어, 너무 재밌어

가장 먼저 실행된 CurrentUser는 null 값을 보여주지만 설정된 timeout에서 동일하게 선언된 timeCurrentUser는

정상적으로 값이 로드되는 것을 볼 수 있습니다!!!!!

이제 이 논리를 사용하고 현재 사용자가 있는 경우에만 존재하도록 설정해 보십시오.

데이터가 여전히 로컬 저장소에 보관되어 있는 것처럼 일시적으로 만드는 두 논리를 모두 실험해야 합니다.

오늘의 개발일지 끄기 –