개발 일지

firebase api를 이용해서 자동로그인을 구현하는 방법이 없을까 (라기 보다는 추천하는 방법이 없을까) 해서 문서를 읽어보고있다. https://firebase.google.com/docs/auth/web/auth-state-persistence?hl=ko&authuser=0#supported_types_of_auth_state_persistence 인증 상태 지속성 | Firebase Documentation Join Firebase at Google I/O online May 11-12, 2022. Register now 의견 보내기 인증 상태 지속성 Firebase JS SDK를 사용하면 인증 상태를 유지하는 방식을 지정할 수 있습니다. 로그인한 사용자가 명시적으로 로그 firebase.goo..

할 일 QR을 찍는다는 것은, 바빌키 uid를 읽어 복호화 한다는 의미이다. 읽어낸 uid는 서버에 보내 실제로 있는 모델인지, 그리고 사용가능한지를 확인한다. 사용가능하면 차대번호를 입력해서 다음 화면으로 넘어간다. 해결 & 코드 QR코드 자체는 당장 우선순위가 아니고, 차대번호 역시 조금 밀린다고 본다. 따라서 지금은 직접 uid를 입력하는 방식으로 만들었다. 그저 db에 해당 uid가 있는지 확인하고, 사용 가능한지 확인하는 작업을 하는 액션이다. 추후 QR 인증 방식으로 전환하는게 좋겠다. babilLink.js renderCheckButton = (deviceUid) => { const disabled = this.state.targetProductUid ? true : false; const ..

export const getBrands = () => (dispatch) => { const brandsSet = new Set(); const bikesRef = dbRef(db, 'bikes'); dbGet(bikesRef).then((snapshot) => { console.log('bikes list length: ', snapshot.size) snapshot.forEach((child) => { if (child.exists()) { brandsSet.add(child.val().brand) } else { console.log("null data") } }) const brands = [...brandsSet]; console.log("brands loaded", brands) dispat..

큰일난것 같다. DB를 너무 쉽게 생각한 모양이다. 왜 그러는지는 명세를 작성하며 정리해보자. 먼저 모듈 얘기 부터 하자. 우리는 바빌키를 판매한다. 판매한 바빌키는 구매한 소비자에게 넘어갈 것이고, 소비자는 앱을 이용하여 어떤 인증과정을 통해 해당 바빌키를 활성화 시킨다. 활성화 과정 중, 유저는 자신의 바이크 정보를 앱에 기입한다. 우리 쪽에서는 이제, 어떤 사람이 (가입해야지만 활성화가 가능하니까 결국 활성화 한 사람이 누군지 알 수 있는것), 또 어떤 바이크에 장착하여, 어떤 바빌키를 이용하는지 알 수 있게된다! 유저가 바빌키를 이용하던 도중 문제가 발생할 수 있다. 그렇다면, 우리는 바빌키 장착 후 얼마만큼 시간이 지나서 문제가 발생했는지 (장착해야지만 모듈이 가동될테니까), 어떤 모델에 장착했..

아무리 파이어베이스가 백엔드를 날로먹는다고는 하지만, 결국 데이터 구조를 짜는것은 개발자의 몫인것은 당연하다. 그래서 미약한 지식으로 최대한 빠르게 작업해보자 한다. 음... 그럼 db에서 가져올 "데이터"는 도대체 뭐가 있을지 부터 한번 보자. --------------------------------------------------------------------------------- DB는 이도윤 팀원과 함께 진행하기로 했다. babil_프로토타입_ver01.3 (adobe.com) babil_프로토타입_ver01.3 46 Screens, Last modified on Jan 24, 2022 08:12 GMT xd.adobe.com 먼저, 화면 상 띄워주는 데이터들은 아래 자료들 정도이다. 말 그..

팀원의 pull request 에 대한 코드 리뷰 중, auth 관련 사항들을 redux에 적용시켰다. 다음은 간략한 개발 내역이다. 먼저 firebase.js에 관련 모듈을 모두 import 한다. 앱에서 쓸일이 있으면 참조만 만들어 export 한다. import { initializeApp } from "firebase/app"; import { getAuth, // authentication 설정 signInWithPopup, // google 로그인을 팝업창에 띄우기 위해 GoogleAuthProvider, // google login 기능 signInWithEmailAndPassword, // email 로그인 createUserWithEmailAndPassword, // email 회원가입 ..