인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

Firebase를 활용한 CRUD - 2

is not defined

작성

·

219

1

 

강사님 설명이 너무 부실합니다 ㅜㅜ

다른강의에서 한거라서 건너띈다는 부분이 너무 많네요..

firebase.firestore()
firebase.auth().currentUser
db.collection

이런 부분 무슨 기능인지 모르겠는데

따로 제가 다 찾아봐야 되는거죠?

 

 

 

 

답변 2

0

David님의 프로필 이미지
David
지식공유자

혹시 몰라 공유 드린 github 소스를 보니 아래와 같이 정상적으로 되어 있어서 예제 소스랑 비교 해보시면서 해보시면 좋을듯 합니다 ^^

https://github.com/david-inflearn/david-zzang/blob/main/src/views/pages/Table2.vue

<a-table :columns="columns" :data-source="data">

 

data() {

return {

...

data: [],
...
}
};

 

onAddData() {
var db = firebase.firestore();
var self = this;
var user = firebase.auth().currentUser;
if (user) {
db.collection("bbs")
.add({
uid: user.uid,
name: self.name,
age: self.age,
address: self.address,
img: self.img,
})
.then(function (mRef) {
var _t = {
uid: user.uid,
name: self.name,
age: self.age,
address: self.address,
img: self.img,
};
_t["key"] = mRef.id;
self.data.push(_t);
});
}

깃허브도 있었네요 참고하겠습니다

레퍼런스 보면서 진도 나가니까 초심자한테는 조금빡센 느낌입니다. ㅜㅜ

완강 하겠습니다 퐈이팅!

0

David님의 프로필 이미지
David
지식공유자

아래 내용은 모르셔도 예제만 따라 하시면 될것 같아서 굳이 설명을 드리지 않았는데 여기에 말씀 드리도록 하겠습니다.

firebase.firestore()

-> firebase.firestore 는 Google 에서 만든 database인 firestore 의 instance 객체 정보 입니다.

firebase.auth().currentUser

-> firebase 안에 firestore는 db instance 이고 auth는 로그인 되어 있는 세션 instance 정보 입니다.

이 의미는 현재 firebase auth 를 통해 로그인한(구글이든,일반 이메일이든) 사용자 의 정보(이메일, 패스워드 등등) 에 대한 내용을 return 하는데 보통 해당 문장은 현재 로그인이 된 사용자가 있냐 없냐로 주로 사용한곤 합니다.

로그인 하지 않는 상태면 currentUser 값은 null 이라서요

db.collection

-> db.collection 는 firestore라는 db를 collection이라고 구글에서 명시를 해놔서 저렇게 사용을 하면 구글 db 관련 제어를 할때 사용을 한다고 보시면 될듯 합니다.

자세한건 제가 강의내용에도 명시되어 있고 구글 문서에도 상황별(추가,삭제, 업데이트) 로 아주 아주 자세하게 나와 있어서 아래 링크 추가 참고하시면 될듯 합니다.

https://firebase.google.com/docs/firestore/manage-data/add-data#web-version-8

 

그리고 위에 에러는 보시면 <a-table> 에 담길 :data-source를 "data" 라는 array를 참고 하겠다라고 적으셨는데 실제 변수 선언한데를 보면 data  라는 array가 없습니다.

 

return {

    data: []

 

이렇게 추가를 해주셔야 될듯 합니다.

만약 users를 테이블에 담으실 용도였다면 :data-source="users" 라고 하시면 됩니다.

 

 

 

 

 

 

 

 

 

 

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기