# RealtimeDataBase

9개의 포스트

MVP 을 통해 Firebase Realtime Database을 구현해 보자

MVP 패턴이란? Model View Presenter 패턴을 줄여 말해 MVP 패턴이라고 합니다. MVC 패턴에서 Model 와 View의 의존성이 높아 유지보수가 어렵다는 단점을 보완하여 만든것이 MVP 패턴입니다. 아래에 이해를 돕기 위해 이미지를 첨부하겠습니다. 구현 시작 일단 시작전 전 Android 앱 개발자 임으로 아래를 사용했습니다. Firebase Real Time Database language : Kotlin IDE : Android Studio 이정도 입니다. 그럼 가봅시다 사용 라이브러리 위에서 부터 설명하자면 Timber : Logcat 을 쉽게 보기 위한 라이브러리 Layout : 주로 동적 Layout을

2023년 7월 19일
·
0개의 댓글
·
post-thumbnail

[Flutter/Firebase] Windows 에서 Realtime database 사용하기

flutter windows를 firebase와 함께 개발해본 사람들이라면 알 수 있지만, firebase Realtime database 라이브러리는 windows에서 사용할 수 없다. firebase_core firebase_database firebase_auth cloud_firestore ... flutter에서 사용하는 firebase 라이브러리들이다. 하지만 보통 windows 빌드를 위해서는 firedart 를 사용

2023년 7월 17일
·
0개의 댓글
·
post-thumbnail

[Flutter] Firebase Storage 사용해 보기

Firebase Storage 사용해 보기 Firebase Cloud Storage Documentation firebase_core | Flutter Package firebase_storage | Flutter Package http | Dart Package image_picker | Flutter Package permission_handler | Flutter Package [Firebase 세팅하기 - Flut

2023년 4월 28일
·
0개의 댓글
·
post-thumbnail

[Flutter] Firebase Realtime Database 사용해 보기

Firebase Realtime Database 사용해 보기 Firebase Realtime Documentation firebase_core | Flutter Package firebase_database | Flutter Package Firebase 세팅하기 - Flutter 3.0 이후 Firebase 세팅하기 - Flutter 3.0 이전 이번 글에서는 Firebase의 데이터베이스 중 하나인 Realti

2023년 4월 25일
·
0개의 댓글
·
post-thumbnail

[Flutter] Firebase Firestore Database 사용해 보기 1편

Firebase Firestore Database 사용해 보기 1편 Firebase Firestore Documentation firebase_core | Flutter Package cloud_firestore | Flutter Package Firebase 세팅하기 - Flutter 3.0 이후 Firebase 세팅하기 - Flutter 3.0 이전 이번 글부터 Firestore에 대해서 살펴볼 예정이다. Firestore에 대한

2023년 4월 13일
·
0개의 댓글
·
post-thumbnail

Firebase realtimedatabase 호스팅하기

필요한 파일 > 위의 파일들은 작업 폴더(public 상위폴더)에서 터미널을 실행시키고 npm install -g firebase-tools firebase login --interactive firebase init 을 차례대로 실행하면 생성된다. > public 폴더v내에 index.html, style.css, script.js, 필요한 이미지들을 넣어둔다. 이 때, html의 이름은 반드시 index여야 한다. > 그 후, 크롬에서 firebase website 접속한다. 프로젝트 만들기를 클릭하여 만들어 준다. 빌드 > Realtime database > 데이터베이스 만들기(미국) > 잠금모드로 시작 > 설정 프로젝트개요 > web > 앱등록 > 아래 음영부분 복사해서 .js에

2022년 12월 18일
·
0개의 댓글
·
post-thumbnail

React Native RealTime Database 사용법 01

안녕하세요 RealTime Database를 React Native에서 사용하는 방법들에 대한 글입니다. - 소개된 방법은 전부 아래 라이브러리를 사용해서 개발했습니다. "@react-native-firebase/app": "13.1.1", "@react-native-firebase/database": "13.1.1" RNFirebase.io 라이브러리 vs Firebase 라이브러리 둘 중 아무거나 써도 되는데 써봤을 때 편하고 좋은건 전자인듯 npx create react native한 뒤 초기 세팅 기준임. 기본 사용법은 아래와 같음 > import database from '@react-native-firebase/database' const reference = database().ref('/users/123'); 1. const App안에 const reference = database

2022년 9월 18일
·
0개의 댓글
·
post-thumbnail

[iOS] Firebase Realtime Database 사용하기

사전 준비 Firebase Realtime Database에서 설정을 해주고 받은 info.plist를 프로젝트에 추가해준다. firebase/database를 pod파일에 추가해주고 install해준다. 데이터 불러오기 뷰컨에서 FirebaseDatabase를 import해준다. db에 있는 레퍼런스를 불러오기 위해 viewdidLoad에 Database.database().reference()를 프로퍼티에 저장한다. 값을 불러와야하는데 방금 생성한 프로퍼티에 .observe(.value)를 통해 값을 읽을 수 있다. 그러면 생기는 snapshot을 우리가 사용할 수 있는 형식으로 디코딩해준다. 데이터 쓰기 db의 데이터들 중 고유한 값으로 객체를 찾아낸다 찾아낸 값을 observe하고 받은 snapshot에서 객체의 key를 찾아내고, 그 key에 원하는 값을 넣어준다. 데이터 삭제 데이터 쓰

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

(TIL) 10. RN & FB & dayjs : 대환장파티

1. 잡설 네. 반갑습니다. 본격적인 프로젝트의 시작입니다. 정말 즐거운데, 이게 참 즐겁다가 불행하다가 정말 모르겠습니다. 이제는 저도 모르겠네요. 뭐든 새로운 기술을 사용해보는건 참 흥미롭습니다. 뭐 때문에 막힐지 모르니까 매일이 크레바스 위를 걷는 기분인 것 같네요. 그래도 오늘 할당을 다 채웠다는 사실이 정말 기쁩니다. > 오늘 일감 Text 제한하기(min 20, max 300) 실시간으로 당일, 전일 데이터 관리하는 로직 작성하기 00:00 기준 오늘 할일 => 어제 한 일 이동(DB load : on) 저장하기 (DB save : set) 버튼 구현 터치 시 수정기능 (TextArea) > 완료사항 Text 제한하기(min 20, max 300) ✔️ 실시간으로 당일, 전일 데이터 관리하는 로직 작성하기 save & onLoad로 해결? ✔️ 00:00 기준 오늘 할일 => 어제 한 일 이동(DB l

2021년 9월 15일
·
0개의 댓글
·