2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
글쓴이글
-
2022년 12월 28일 01:46 #59829
이형민참가자<!DOCTYPE html> <html lang="ko">
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>상세보기</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" /> <link href="detail.css" rel="stylesheet" /> </head>
<body> <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.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script>
<script> var firebaseConfig = { apiKey: "AIzaSyC0yKgR3yvA5YMKwCOk_SIQbfDIpyKh20w", authDomain: "stockbgm-c32fb.firebaseapp.com", projectId: "stockbgm-c32fb", storageBucket: "stockbgm-c32fb.appspot.com", messagingSenderId: "406644331721", appId: "1:406644331721:web:fac7736eebed51e9fca918", measurementId: "G-4SPZTKP7YY", }; // Initialize Firebase firebase.initializeApp(firebaseConfig); </script><nav class="navbar navbar-expand-lg bg-light"> <div class="container-fluid"> 당근마켓 <span class="ms-auto mx-2" id="userName">Log in</span> <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"> 로그인 / 회원가입
<li class="nav-item"> About
<li class="nav-item dropdown"> 마켓 <ul class="dropdown-menu">
- <hr class="dropdown-divider" />
<li class="nav-item"> 기타등등
<form class="d-flex" role="search"> <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"> 상세페이지임 <div class="detail-pic my-4" style="background-image: url('https://placeimg.com/640/380/tech')"></div> <div> <h5>올린사람 : 모름</h5> <hr /> <h5 class="title">지금 url에 기록된 id를 가진 게시물의 상품명</h5> <p class="date">올린날짜</p> <p class="price">지금 url에 기록된 id를 가진 게시물의 가격</p> </div> </div><script> const db = firebase.firestore(); const storage = firebase.storage();
var 쿼리스트링 = new URLSearchParams(window.location.search);
db.collection('product').doc(쿼리스트링.get('id')).get().then((result) => { console.log(result.data()) $('.title').html(result.data().제목) $('.price').html(result.data().가격) $('.detail-pic').css('background-image', `url(${result.data().이미지})`) })// 유저정보 확인 if (localStorage.getItem('user') != null) { var 뺀거 = localStorage.getItem('user') $('#userName').html(JSON.parse(뺀거).displayName) }firebase.auth().onAuthStateChanged((user) => { if (user) { console.log(user.uid); console.log(user.displayName); localStorage.setItem("user", JSON.stringify(user)); } }); </script> </body></html> 현재 코드는 위와 같습니다. 상세페이지에 이미지가 출력이 안되는데 무엇이 문제인가요?
-
글쓴이글
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.