지금 로그인한 유저 정보 알아내기 강의에서 nav 안에 유저이름 보여주는 것을 따라하고 있는데
어제는 잘 나왔는데 오늘 다시 페이지를 열었더니 나오지 않네요.
그리고 유저 이름이 한글로 저장했을 때도 출력이 되지 않았습니다.
해결 방법 알려주시면 감사하겠습니다
코드는 아래에 첨부합니다
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/public/css/main.css">
<!--제목-->
<title>T.P.O</title>
</head>
<body>
<!--HEADER-->
<header>
<h1>T. P. O. </h1>
<div class="inner">
<div class="sub-menu">
<ul class="menu">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="login.html">login</a>
</li>
<li>
<a href="index.html" id="logout">logout</a>
</li>
<li>
<a href="upload.html">관리자</a>
</li>
<li>
<a id="userName"> </a>
</li>
</ul>
<div class="search">
<input type="text" />
<span class="material-icons">search</span>
</div>
</div>
</div>
</header>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyBmLHmE-X06lL_bFzCL0lQ3EWO6XmMwnY8",
authDomain: "tpoweb-2343f.firebaseapp.com",
projectId: "tpoweb-2343f",
storageBucket: "tpoweb-2343f.appspot.com",
messagingSenderId: "441331829888",
appId: "1:441331829888:web:132aa41778e94d5b11ea65"
};
firebase.initializeApp(firebaseConfig);
</script>
<script>
const db = firebase.firestore();
const storage = firebase.storage();
firebase.auth().onAuthStateChanged((user)=>{
if(user){
console.log(user.uid)
console.log(user.displayName)
$('#userName').html(user.displayName)
}
})
</script>
<script>
$('#logout').click(function(){
firebase.auth().signOut()
alert("로그아웃 되었습니다.");
})
</script>
</body>
</html>
