Firebase 수업 localStorage를 통한 displayName 삽입

[LP]

<script>
firebase.auth().onAuthStateChanged((user)=> {
if (user) {
console.log(user.displayName);
localStorage.setItem('user', JSON.stringify(user));
$('#userName').html(JSON.parse(localStorage.getItem('user')).displayName);
}
});
</script>

[질문]

(문제). localStorage에 displayName을 저장한 후에, $('#userName') 부분을 로그인 이름을 대체할 때, 스무스하게 되지 않고 시간차 딜레이가 발생합니다. (페이지 이동 후 1초 뒤에 뜹니다.)

(질문 1). 코딩애플 웹사이트에 로그인을 했을 때, 어느 페이지로 이동을 해도 제 로그인 정보 (이름)이 스무스하게 오른쪽 상단에 뜨는데,코딩애플 사이트처럼 로그인 정보가 부드럽게 뜨게끔 만드려면 어떻게 해야하나요?

 

(질문 2). 상단에 올려둔 자바스크립트 코드는 모든 페이지에 적용하고 싶은데 (모든 페이지 오른쪽 상단에 로그인 정보가 뜨게끔), "main.js"파일 하나 만들어서 import 해도 될까요? 아니면 모든 HTML 코드 상단에 하드코딩 해야하나요?

 

감사합니다!!

[codingapple]

로그인시 사용자정보를 localStorage같은곳에 저장해놓고 쓰면 됩니다 

js파일 만들고 모든 페이지에 직접 <script src=""> 로 집어넣어야할듯요 

[글쓴이]

글