일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- firabase
- flutter pattern
- firestore
- 플러터
- flutter구조
- Next.js
- React
- react pattern
- 리액트패턴
- Postman
- flutter design
- Flutter
- Cloud
- ReactJS
- node.js
- React.js
- flutter폴더구조
- nextapi
- NextJS
- StatefulWidget
- Next
- StatelessWidget
- nextui
- API Test
- 플러터세팅
- next api
- Firebase
- API
- nextsjs
- Today
- Total
목록Google (3)
#순간을기억하는방법

프로젝트와 파이어스토어 DB컬렉션 간 데이터 소통을 위하여 아래 세팅을 해준다export async function fetchTodos() { const querySnapshot = await getDocs(collection(db, "todos")); querySnapshot.forEach((doc) => { // doc.data() is never undefined for query doc snapshots console.log(doc.id, " => ", doc.data()); });}forEach반복문을 통해 doc.data로 데이터가 들어올것을 예상해볼 수 있다 - 연결과정은 이전글에서 설명되어있다 Firestore -프로젝트에 설치,연결하기공식문서 Cloud Firestore ..

구글에서 제공하는 클라우드 DB서비스이다Firebase의 기능 중 하나인 우리가 사용할 Firestore 사용방법을 알아보자 위 단계를 거치면 Firestore 데이터베이스가 생성된다

Firebase | Google’s Mobile and Web App Development Platform개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.firebase.google.com 구글에서 제공하는 서비스로 주로 클라우드 DB로 사용하나 이외에도 다양한 기능들을 무료(부분유료플랜)제공한다구글 로그인 후 콘솔에 프로젝트를 추가 할 수 있다계속을 누르게 되면 프로젝트 생성이 완료된다 프로젝트 개요 옆 프로젝트 설정 메뉴에서 코드표시 아이콘을 누르면 파이어 베이스와 내 프로젝트를 연결하는 시크릿 키를 발급 가능 내 프로젝트 내에 환경변수 파일을 만들어서 키값을 넣어주면 연동 된다.