[ firebase 연동 코드 ] import firbase from 'firebase'; const firebaseConfig = { apiKey: process.env.REACT_APP_FIREBASE_API_KEY, authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN, projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID, }; const firebaseApp = firebase.initializeApp(firebaseConfig); const db = firebaseApp.firestore(); const auth = firebase.auth(); export { auth }; export default db;..

Friebase에서 프로젝트를 생성하고 웹 프로젝트에 연동하는 단계에 대한 방법에 대해 알아보자. 1 . 프로젝트 생성 STEP 1. 내 콘솔로 이동 → 프로젝트 추가 (+) 클릭 STEP 2. 프로젝트 이름 & ID 지정 ✍ 프로젝트 이름 지정 후 연필 아이콘 클릭해 고유한 프로젝트 ID 지정한다. STEP 3. Google 애널리틱스 사용 설정 해당 프로젝트에 Google 애널리틱스 사용을 설정할지 선택 후 프로젝트 만들기 버튼 클릭하면 프로젝트 생성 완료! 2 . 프로젝트 연동 STEP 1. 프로젝트 생성 후 아이콘 클릭 프로젝트 유형에 따라 아이콘을 선택 ( iOS , 안드로이드 or 웹 앱 ) 웹 앱 프로젝트의 경우 아이콘을 클릭한다. STEP 2. 웹 앱 Firebase 추가 설정 ..

Summary 1. 프로젝트에 Firebase 설치 yarn add firebase 2. Firebase 연동 코드 작성 ( 5단계) import firbase from 'firebase'; // 1. firebase import const firebaseConfig = { // 2. firebase api 키값 선언 apiKey: process.env.REACT_APP_FIREBASE_API_KEY, authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN, projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID, }; const firebaseApp = firebase.initializeApp(firebaseConfig)..