-
글쓴이글
-
2021년 12월 15일 11:38 #22021
정현석참가자안녕하세요 선생님 Firebase 강의듣다 질문드립니다.
현재 알려주신대로 따라하고있는데요. 이해가 안되는 문제가 발생해서요;;
제가 아래 순서대로 스크립트를 작성해뒀는데.. App.initializeApp() 오류가 뜹니다;
제가 생각했을때는 firebase module스크립트랑 아래 db호출을 위한 스크립트가 연계가 안된다는 생각이드는데요.. 왜냐면 module스크립트에 db호출 작성코드를 넣으면 정상 동작합니다 ㅠㅠ
이런 경우 어떻게해줘야할까요? 코드 원문 무지성으로 박으려다가 욕먹을꺼같아서 일단 축약해서 올리는데.. 강의내용과 그 아래 써주시는 강의노트 내용들을 모두 준수했는데 계속 이 오류가 나오고 해결하려면 결국 firebase type="module" 스크립트에 내용을 작성해야해서...ㅠㅠ 선생님처럼 스크립트를 분리해서 진행하고싶은데 이런 문제가발생하면 어떻게해야하는지 질문드립니다..
<script type="module">...
firebase.initializeApp(firebaseConfig);
</script>
<script>
const db = firebase.firestore();
db.collection("product")
.get()
.then((result) => {
console.log(result);
});
</script>2021년 12월 16일 00:49 #22095
정현석참가자<!DOCTYPE html>
<html lang="en">
<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" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="main.css" />
<title>Document</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">찾짐</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider" /></li>
<li>
<a class="dropdown-item" href="#">Something else here</a>
</li>
</ul>
</li>
<li class="nav-item">
<a
class="nav-link disabled"
href="#"
tabindex="-1"
aria-disabled="true"
>Disabled</a
>
</li>
</ul>
<form class="d-flex">
<input
class="form-control me-2"
type="search"
placeholder="Search"
aria-label="Search"
/>
<button class="btn btn-outline-success" type="submit">
Search
</button>
</form>
</div>
</div>
</nav><div class="container mt-3">
<div class="product">
<div
class="thumbnail"
style="background-image: url('https://via.placeholder.com/350')"
></div>
<div class="flex-grow-1 p-4">
<h5 class="title">아기다스 신발</h5>
<p class="date">2030년 1월 8일</p>
<p class="price">20000원</p>
<p class="float-end">?0</p>
</div>
</div>
</div><script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script><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 type="module">
// Import the functions you need from the SDKs you need
// import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyDSqJDl3tShyW9mIQJQXwg5L9-fFec4dD0",
authDomain: "throwcarrot.firebaseapp.com",
projectId: "throwcarrot",
storageBucket: "throwcarrot.appspot.com",
messagingSenderId: "404672963165",
appId: "1:404672963165:web:bb14ae13038f9f7eb563b4",
};// Initialize Firebase
firebase.initializeApp(firebaseConfig);
</script><script>
const db = firebase.firestore();
db.collection("product")
.get()
.then((result) => {
console.log(result);
});
</script>
</body>
</html> -
글쓴이글
- 답변은 로그인 후 가능합니다.