본문 바로가기
Firebase 호스팅

firebase 게시판 만들기(2)-라이브 서버 보기

by 메씨 2023. 6. 21.
728x90
반응형

1. index.html 연결하기

1. public 폴더 안의 index.html과 html 폴더 안의 index.html 연결하기

  • public 폴더 안의 index.html 안의 코드
  • <meta http-equiv="refresh" content="0; url=./html/index.html">
  • html 폴더 안의 index.html 안의 코드
  • <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <script src="/__/firebase/9.6.6/firebase-app-compat.js"></script> <script src="/__/firebase/9.6.6/firebase-auth-compat.js"></script> <script src="/__/firebase/9.6.6/firebase-database-compat.js"></script> <script src="/__/firebase/9.6.6/firebase-storage-compat.js"></script> <script src="/__/firebase/9.6.6/firebase-analytics-compat.js"></script> <script src="/__/firebase/9.6.6/firebase-performance-compat.js"></script> <script src="/__/firebase/init.js?useEmulator=true"></script> </head> <body> <script src="../js/.js"></script> </body> </html>

2. 터미널 입력

firebase serve

→ firevase 오류가 브라우저 콘솔창에서 사라진다.

firebase serve 가 실행되지 않고 vsc의 라이브 서버 익스텐션을 사용할 경우, firebase의 스크립트들이 불러와지지 않는다.

728x90
반응형

댓글