5 글 보임 - 1 에서 5 까지 (총 5 중에서)
-
글쓴이글
-
2022년 8월 26일 14:22 #44221
박지오참가자내가쓴게시물만 따로 볼수있게끔 구현하려고합니다
로그인한uid랑 게시물에있는uid랑 다른게시물들은 숨기고 같은게시물들은 보이게 하면되는거같은데 작동이안되네요. 코드올려봅니다... ! 굵은글씨로 해놨습니다!
<!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" /> <title>Document</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous" /> <link href="main.css" rel="stylesheet" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Cuprum:ital@1&family=Gloria+Hallelujah&family=Orbitron&display=swap" rel="stylesheet" /> </head> <body class="body"> <script src="main.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" 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 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>
firebase.initializeApp(firebaseConfig); </script> <!-- <div class="collapse" id="navbarToggleExternalContent"> <div class="bg-dark p-4"> <h5 class="text-white h4">Collapsed content</h5> <span class="text-muted">Toggleable via the navbar brand.</span> </div> </div> --> <div class="wrapper"> <script src="nav.js"></script> </div> <div class="container"> <!-- <nav class="navbar navbar-expand-lg bg-light"> <div class="container-fluid"> 너와 나의 2시 <span class="ms-auto mx-2" id="userName"> </span> <button class="navbar-toggler bg-dark" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> 글쓰기 Features Pricing Disabled </div> </div> </div> </nav> --> </div>
<script> const db = firebase.firestore(); //firebase 데이터 읽기 firebase.auth().onAuthStateChanged((user) => { if (user) { console.log(user.uid); $('#userName').html(user.displayName); //navbar에 유저이름 나타내기 } db.collection('write') //write 컬렉션에있는 것들 가져오기 .get() .then((result) => { result.forEach((doc) => { console.log(doc.data().uid); //html 원하는곳에 끼워넣는 방법var template = `<div class="product"> <div class="thumbnail" style="background-image: url('${doc.data().image}')"> <p class="index-content">${doc.data().content}</p></div> <div class="flex-grow-1 p-4"> <h5 class="title"> <a class="main-title" href="/detail.html?id=${doc.id}">${doc.data().title}</a></h5> <p class="float-end"></p> </div> </div>`; $('.container').append(template);var 게시물유저 = doc.data().uid; console.log(게시물유저); var 로그인유저 = user.uid; console.log(로그인유저); if (로그인유저 === 게시물유저) { $('.product').show(); } if (로그인유저 !== 게시물유저) { $('.product').hide(); } }); }); }); </script> </body> </html>2022년 8월 26일 19:14 #44265
codingapple키 마스터게시물 다 가져온 다음에 uid 비교해서 거르면 요금이 많이 나와서 처음부터 내 uid가 있는 게시물만 가져와달라고 코드짜는게 낫습니다
2022년 8월 27일 03:13 #44294
박지오참가자처음부터 내 uid가 있는 게시물만 가져와달라고 하는 코드에대한 방법을 알려 주실수있을까요? ㅜㅜ 머리를 쥐어짜도 모르겠어요 ㅠㅠ
2022년 8월 27일 09:58 #44299
codingapple키 마스터db.collection("").where("필드", "==", "값").get() 이러면 원하는것만 찾을 수 있습니다 머리에서 안나오는건 검색해야합니다 -
글쓴이글
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
- 답변은 로그인 후 가능합니다.