Firebase 이용: 데이터를 보내고 가져오는 경우

Firebase와 연결하는 과정에서 <script type = "module"> 설정:

 

1. onclick이 작동안함 -> $("#id").click(async function () {}) 사용

 

- 데이터 보내기

$("#id").click(async function () { //id에 click을 줌
    let doc = {}; //넣고 싶은 데이터
    await addDoc(collection(db, "콜렉션이름"), doc); //데이터를 해당 콜렉션에 추가
    
    window.location.reload(); //페이지 새로고침
})

- 데이터 가져오기

let docs = await getDocs(collection(db, "콜렉션이름"));
docs.forEach((doc) => {
    let row = doc.data();
    console.log(row);
});

 

2. script 부분이 맨 마지막에 작동  ->  $(document).ready()가 필요 없어짐