일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- sort
- toString
- 콜백함수
- JavaScript
- foreach
- react redux
- first-child
- 협업프로젝트
- 카우치코딩
- useParams
- db.json
- 블럭요소
- Redux
- line-through
- javascript React
- redux toolkit
- React state
- useEffect
- React onClick
- 자바스크립트
- Redux store
- 6주포트폴리오
- useSearchParams
- react
- 인라인블럭
- couchcoding
- 자바스크립트배포
- redux 사용방법
- JSON
- javascript코딩테스트
- Today
- Total
목록컴퓨터 정보/FireBase (3)
개발하는 루루언니

1. 프로젝트 설정 - > 해당 코드 복사 하기 2. firebase 라는 자바스크립트를 따로 만들어준다 . 만약 로그인하는 컴포넌트에서 사용하게 되면 의존성이 높아지기 때문에 따로 관리하는게 좋다. // initalizeApp 을통해 app 을 초기화 시켜 주었다. import { initializeApp } from "firebase/app"; import { getAuth, signInWithPopup, GoogleAuthProvider } from "firebase/auth"; const firebaseConfig = { apiKey:process.env.REACT_APP_FIREBASE_API_KEY, authDomain:process.env.REACT_APP_FIREBASE_AUTH_DOMAI..

1. 모바일 어플리 케이션 배포 유용함 2. 사용자 인증 3. 어플리케이션에서 치명적인 문제가 발생했다면 ? 에러가 얼마나 유저한테 발생했는지 어떤 에러인지 알려줌 4. 성능도 모니터링 가능 5. 구글 Analytics 6. 배포후 얼마나 사용자가 많이 사용하는지 테스트도 가능 7. 클라우드 메세지 지원 1. 문서를 누르면 파이어베이스 기초 버튼이 나옴 " 클릭 " 2. 상단에 한국어 옆에 콘솔로 이동 "클릭" 3. 프로젝트를 시작할 수 있는 콘솔이 나온다. " 프로젝트 추가 클릭 " 4. 프로젝트 명 만들고 나라언어 선택하고 만들기~ 5. 만들어진 메인 화면이 나오는데 가운데를 보면 IOS 인지 안드로이드인 웹인지 시작에 따라 가이드 제공도 해준다. 6. 아래에 Authentication(인증) 을 만..

내가 로그인한 내 계정의 UID를 가져와 어드민으로 설정하고 싶다면? - 1. Firebase 에 내 프로젝트 클릭 -2. Realtime Database 클릭 3. 데이터에서 링크 맨뒤에 + 클릭 4. 우리는 [ ] 배열을 만들고 싶었으나 배열이 없으므로 { } 객체안에 키: 값 을통해 만든다 5. 내가 로그인한 계정에 UID값을 불러오고 싶으니 console.log 를 통해 내 UID 가져오기 6. 키값은 admis 값은 내 UID 값을 넣어준다. 7. 로그인을 했을때 사용자가 있는경우 어드민 권한이 되어 있는지 확인할 수 있다.