firebase 모든스크립트 파일을 한 자바스크립트 파일에 넣기

[윤혜빈]

안녕하세요

firebase: 지금 로그인한 유저의 정보 알아내기 강의 에서

모든 navbar에 유저의 이름을 display하고 싶다면 
display해주는 script를 따로 자바 스크립트 파일로 만들고 모든 html에 넣으면 된다고 하셔서

 




그래서 main.js 를 만들고 html에 <script src="./main.js"></script> 넣었습니다

하지만 main.js에

const db = firebase.firestore();
const storage = firebase.storage();
if (localStorage.length !== 0){
var 뺀거 = localStorage.getItem('user');
$('#userName').html(JSON.parse(뺀거).displayName);
console.log("Hello world");
 }
firebase.auth().onAuthStateChanged((user) => {
if (user) {
console.log(user)
localStorage.setItem('user', JSON.stringify(user))
 }
 })

이 위 코드를 쓸려면 firebase configuration이랑 (app, auth,firestore,database,storage ) import를 해야하는데

이 (app, auth,firestore,database,storage ) 코드를 main.js 어떻게 넣어야 하는지 도무지 모르겠습니다. 

react 처럼 import { initializeApp } from "firebase/app"; 도 해보고  const {initializeApp} = require("firebase/app"); 도
해봤는데 다 안되네요...

chatgpt한테도 물어보고 https://firebase.google.com/docs/web/setup <- 공식 문서도 보고....
공식 문서에 나온대로 하면 "Uncaught SyntaxError: Cannot use import statement outside a module" 에러가 떠서 firebase 패기지도 다운로드했는데 아무것도 안되네요..

마지막 희망으로 선생님께 물어봅니다...
어떻게 하면 될까요?

Thank you in advance!

[codingapple]

마지막사진에있는건 그냥 모든 html파일에 각각 집어넣으면 됩니다

[윤혜빈]

아 그면 main.js 엔

if (localStorage.length !== 0){
var 뺀거 = localStorage.getItem('user');
$('#userName').html(JSON.parse(뺀거).displayName);
}

이거만 넣으면 되는군요

감사합니다

[글쓴이]

글