Act99 기술블로그

React 에서 Firebase Auth 를 사용하기 위해 다음과 같은 코드를 짰다가 에러가 발생했다. - firebase.js import firebase from "firebase/app"; import "firebase/auth"; const firebaseConfig = { apiKey: process.env.REACT_APP_apiKey, authDomain: process.env.REACT_APP_authDomain, projectId: process.env.REACT_APP_projectId, storageBucket: process.env.REACT_APP_storageBucket, messagingSenderId: process.env.REACT_APP_messagingSenderId, ..

이 글은 회고록입니다. 항해99 3주차 주특기 기본주차의 2일차가 되었다. Redux 상태관리와 DB 연결 , useEffect를 통한 렌더링을 완료시킨 상황이다. 오늘의 결과물을 대략 이렇다. 현재 상태관리하는 것은 날짜 데이터, 다이어리 데이터, 기분을 나타내는 하트 데이터 총 3가지이다. DB 역시 이 데이터로만 구성되어있다. 캘린더 클릭 시 날짜의 State가 RootState 에 저장되며, 다른 날짜를 클릭 시 데이터가 dispatch된다. 글쓰기 컴퍼넌트는 모달을 이용했다. 하트를 클릭하거나 일기를 작성할 때 역시 State 가 RootState에 저장되며, State는 event의 value가 변화될 때마다 변한다. 그리고 저장버튼을 클릭 시 홈 화면으로 넘어가고, 해당 데이터가 보인다. 하..

Flutter + Firebase를 이용하면서 사용자 정보를 파이어 스토어에 연동시키고 싶은 경우가 있다. 필자의 경우, 연습용으로 만든 다이어리 앱을 만들 때 필요했다. ('user' collection을 만들고 유저별id 를 document 이름으로 지정한 후, subcollection으로 데이터를 저장하고 싶을 때) 이 때 googleSignin 혹은 emailSignin 에 핸들을 설정해준 후, 핸들함수에 유저 데이터를 저장하는 함수를 넣어주었다. -----------------------------------샘플코드------------------- @override void initState() { super.initState(); // Detects when user signed in goo..

Flutter와 Firebase Auth 를 연동시키다보면 가끔 google_sign_in issue: PlatformException(sign_in_required, com.google.android.gms.common.api.ApiException: 4: 4: , null)) 에러가 뜬다. 가령, 필자의 경우 @override void initState() { super.initState(); // Detects when user signed in googleSignIn.onCurrentUserChanged.listen((account) { handleSignIn(account); }, onError: (err) { print('Error signing in: $err'); }); googleSign..