Back-End/Firebase(2)
-
[Vue.js] 파이어베이스를 연동하여 데이터 다루기
1. 파이어베이스 문서(id)와 데이터 추가하기 addStudent(){ const self = this; // self를 쓰는 이유는 바깥의 this들과 햇갈리지 않기 위해서 const db = firebase.firestore(); const _data = { // data()에 있는 데이터가 바로 들어갈 수 없다. name: self.name, grade: self.grade, gender: self.gender, team: self.team, phoneNum: self.phoneNum, } db.collection(self.fbCollection) // { // 아무 문제없이 윗쪽 코드가 다 성공하면 then이 실행 alert("저장되었습니다") this.$router.push('/list') }..
2023.01.04 -
firebase 기초 활용
1. 사용자 관리 (1) Authentication 시작하기 (2) 아래의 화면에서 이메일/비밀번호 선택 (3) 아래와 같이 설정을 한 후 저장버튼 클릭 2. 사용자 추가 (1) Authentication - Users에서 사용자 추가 버튼 클릭하여 이메일과 비밀번호를 입력 후 사용자를 추가한다. 3. 데이터베이스 사용 (1) 데이터베이스를 테스트모드로 클릭하여 생성한다. (2) 컬렉션 시작 버튼을 누른 후 컬렉션 ID를 users로 입력한다. (3) 문서 추가에서는 문서 ID를 자동ID로 설정하고 필드, 유형, 값 을 정하여 생성한다. (4) 필드에 해당 데이터가 추가된 것을 볼 수 있다. 4. 프로젝트 실행 후 Home.vue 파일 열기 (1) 태그 안에 아래와 같이 데이터를 선언할 수 있는 공간을 ..
2023.01.02