2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
글쓴이글
-
2022년 12월 10일 04:27 #57644
다민참가자당근마켓 강의 수강 후 복습 개념으로 트위터를 클론하고 있습니다. 그런데 트윗으로 올린 후 삭제 기능을 구현하고 싶은데 어떻게 할 지 모르겠습니다. ㅠㅠ 이것저것 시도 해봤으나 도무지 진행되지 않아 조언 부탁 드립니다.
const LogOutButton = document.querySelector(".LogOutButton") ; const Container = document.querySelector(".TWEET-DIV") ;
const TweetInput = document.querySelector(".TweetTextBox") ; const TweetButton = document.querySelector(".tweetButton") ;
const ProfileButton = document.querySelector(".profieEditButton") ; const ProfileEditButton = document.querySelector(".profileEditButton") ; const EditForm = document.querySelector(".editForm") ; const EditCancleButton = document.querySelector(".X") ;
const DeleteButton = document.querySelector(".DeleteButton") ; const NameInput = document.querySelector(".NameInput") ;
const db = firebase.firestore() ; const storage = firebase.storage() ; let storageRef = firebase.storage().ref();
let 내uid = JSON.parse(localStorage.getItem('user')).uid ;
let URL = new URLSearchParams(window.location.search) ;
db.collection('Tweets').get().then((result)=>{ result.forEach((doc) => { let UID = doc.data().UID console.log(doc.data().NAME) if (doc.data().IMAGE == null) { if (내uid == UID) { Container.insertAdjacentHTML('beforeend', `<div class="tweetForm"> <div class="profileIMG" style="background-image: url('https://via.placeholder.com/350')"></div> <div class="form-tt"> <p class="name-date"> ${doc.data().NAME} / ${doc.data().DATE} </p> <p class="tweet"> ${doc.data().TWEET} </p> </div> </div>`) } } else if (내uid == UID){ Container.insertAdjacentHTML('beforeend', `<div class="tweetForm"> <div class="profileIMG" style="background-image: url('https://via.placeholder.com/350')"></div> <div class="form-tt"> <p class="name-date"> ${doc.data().NAME} / ${doc.data().DATE} </p> <p class="tweet"> ${doc.data().TWEET} </p> <div class="thumbnail" style="background-image: url('${doc.data().IMAGE}')"></div> </div> </div>`) } }) })
const onClickProfileHidden = () => { EditForm.classList.remove("hidden") } ProfileEditButton.addEventListener("click", onClickProfileHidden) ;
const onClickCancle = () => { EditForm.classList.add("hidden") } EditCancleButton.addEventListener("click", onClickCancle) ;
db.collection('users').get().then((result)=> { result.forEach((doc) => { const EditButtonContainer = document.querySelector(".profileForm") ; EditButtonContainer.insertAdjacentHTML('beforeend', `<div class="profileContainer"> <button class="profieEditButton"><a href="/profile.html?id=${doc.id}"> edit </a></button> </div>`) }) })
const onClickLogOut = () => { firebase.auth().signOut().then(function() { localStorage.clear() ; alert("로그아웃 되었습니다") window.location.href = "/index.html" }).catch((error) => { alert(error.message) }); } LogOutButton.addEventListener("click", onClickLogOut) ;
2022년 12월 10일 09:45 #57647
codingapple키 마스터삭제버튼누르면 해당 document id를 찾아서 db.collection('').doc(documentid어쩌구).delete() 하라고 코드짭시다
-
글쓴이글
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.