SUIN

파이어베이스 사이트 Hosting > 시작하기 CLI 설치 yarn add global firebase-tools 구글 아이디로 로그인 #웹브라우저가 열리고 내 구글 계정을 물어볼거예요. 로그인해줍니다. yarn firebase login 로그인 성공! firebase init yarn firebase init 어떤서비스를 사용할거니 ? 스페이스바를 통해서 체크해주기 체크 내용 👇🏻 이미있는 프로젝트 쓸꺼니? 새로운 프로젝트로 만들거니 ?? Use an existing project 선택 어떤 프로젝트 사용할꺼니 ? 연결되어있는 프로젝트 선택 엔터 계속 기본값들로만 넣어주기 퍼블릭 디렉토리가 어디니 ? 배포 디렉토리는 어디니??!! build 입력 SPA 로 설정할래? yes 깃허브를 사용해서 자동으로 ..

데이터를 가지고 와보자 ! import { collection, getDoc, getDocs ,addDoc , updateDoc ,doc , deleteDoc} from "firebase/firestore"; collection : getDoc : 하나만 가지고올때 getDocs : 여러개 한번에 가지고 올때 addDoc : 데이터 추가하기 updateDoc : 데이터 수정 doc : 도큐먼트 정보 (데이터 수정시 필요)s deleteDoc : 데이터 삭제 파이어베이스 데이터 접근 순서 : collection -> Doc 콘솔에 가져온 정보 확인해보기 React.useEffect(() => { //파이어베이스 잘 db확인해보기 console.log(db); // collection(db정보,콜렉션 이름)..

Link : https://console.firebase.google.com/?hl=ko 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.com Firebase 프로젝트 추가 프로젝트 이름 지정 사이트에서 발생하는 사용자의 행동 데이터를 쌓을 수 있는것 (애널리틱스) 얼마나 머물렀는지, 오류가 나지는 않았는지 트래킹 해볼 수 있다 활성상태로 계속 클릭 기본값으로 프로젝트 만들기 프로젝트 만들기 완성 ! FireStore 설정하기 파이어 스토어는 크게 Collection Document 으로 구성이 되어있다 Collection: 문서(다큐먼트)의 집합 Document: JSON 형식으로 데이터를 저장할 수 있음 My Dicti..