일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- spring boot
- Maui
- JavaScript
- db
- Animation
- 깃허브
- AnimationController
- typescript
- MSSQL
- 마우이
- MS-SQL
- Flutter
- 파이어베이스
- page
- HTML
- MVVM
- 리엑트
- Firebase
- 바인딩
- 닷넷
- 애니메이션
- 오류
- GitHub
- 함수
- .NET
- 자바스크립트
- React JS
- 플러터
- listview
- Binding
- Today
- Total
목록분류 전체보기 (240)
개발노트
문제발생 VSCode 사용 중 터미널(Terminal)로 Firebase init 명령어가 전달되지않는 문제가 발생하였다. 이뿐만아니라 터미널로 npm을 접근하지못하였기에 nodejs를 따로 켜서 작업해야하는 번거로움이 있어 해결방법을 찾게되었다. 오류발생 firebase : C:\Users\GYU\AppData\Roaming\npm\firebase.ps1 파일을 로드할 수 없습니다. C:\Users\GYU\AppData\Roaming\npm\firebase.ps1 파일이 디지털 서명되지 않았습니다. 현재 시스템에서 이 스크립트를 실행할 수 없습니다. 스크립트 실행 및 실행 정책 설정에 대한 자세한 내용은 about_ Execution_Policies(https://go.microsoft.com/fwli..
Firebase Functions Firebase Functions은 Google의 Firebase 플랫폼에서 제공하는 서버리스 백엔드 서비스입니다. Firebase Functions은 클라우드 기반의 함수를 만들고 실행할 수 있는 도구로, 백엔드 코드를 작성하고 실행할 수 있습니다. Firebase Functions은 여러 이벤트 트리거를 기반으로 작동하며, 데이터베이스, 스토리지, 인증과 같은 Firebase 서비스와 쉽게 통합될 수 있습니다. - Function으로 할 수 있는 것들: https://firebase.google.com/docs/functions/use-cases?hl=ko Cloud Functions로 무엇을 할 수 있나요? | Cloud Functions for Firebase G..
이미지, 동영상, 텍스트 등 파일업로드를 하기 위해 Firebase의 Storage 기능을 사용합니다. Firebase Storage 소개 Firebase Storage는 사용자의 파일을 안전하게 저장하고 제공하기 위한 클라우드 저장소 서비스입니다. 주로 이미지, 비디오, 오디오, 문서 등과 같은 다양한 형식의 파일을 관리할 수 있습니다. Firebase Storage를 사용하면 서버 관리 없이 손쉽게 파일을 업로드하고 다운로드할 수 있습니다. Firebase Storage의 주요 기능 1. 보안 규칙 설정 Firebase Storage는 보안을 강화하기 위해 규칙 기반의 접근 제어를 제공합니다. 파일에 대한 읽기 및 쓰기 권한을 정의하여 불필요한 액세스를 방지할 수 있습니다. 2. 업로드 및 다운로드 ..
context를 소스에 사용할 때면 Don't use BuildContext's across async gaps 라고 경고가 뜬다. 경고가 발생하는 원인: - BuildContext context 를 사용자 정의 Class에 직접 저장할 경우, Widget이 mount 되었는지 확실하지 않으며, async 뒤에 mount 되지않은 context를 사용하면 그 안에 값이 들어있지 않을 수 있기 때문이다. 해결방법: - context 사용 전에 mount가 되었는지 아래와 같이 조건문을 걸어준다. State를 사용하는 Widget일 경우 (StatefulWidget 등...) if(!mounted) return; State를 사용하지 않는 Widget일 경우(ConsumerWidget 등...) if (co..
Firestore 클라우드 기반 NoSQL 데이터베이스 Firebase Firestore는 Google Cloud Platform(GCP)의 일부로 제공되는 NoSQL 데이터베이스 서비스로, 클라우드에서 데이터를 저장하고 동기화하는 강력하면서도 사용하기 쉬운 도구입니다. 1. NoSQL 데이터베이스의 유연성 Firestore는 NoSQL 데이터베이스로서 JSON 형식의 문서(document)를 사용합니다. 이것은 개발자들이 구조적인 제약에서 벗어나고 유연한 데이터 모델을 채택할 수 있게 해줍니다. 문서는 컬렉션(collection)에 저장되며, 필요에 따라 서브컬렉션을 구성할 수 있습니다. 2. 실시간 업데이트 Firestore는 실시간 데이터베이스로서, 데이터의 변경이 발생하면 연결된 모든 클라이언트에..
Firestore: 실시간 NoSQL 데이터베이스 특징: 1. 실시간 업데이트 Firestore는 실시간으로 데이터베이스의 변경 사항을 감지하고, 이를 연결된 모든 클라이언트에 자동으로 전달합니다. 이로써 앱은 항상 최신 데이터를 유지하며, 실시간 협업이나 채팅과 같은 기능을 간편하게 구현할 수 있습니다. 2. 다양한 플랫폼 지원 웹, 안드로이드, iOS 등 다양한 플랫폼에서 Firestore를 사용할 수 있습니다. Firebase SDK를 통해 각 플랫폼에 맞게 손쉽게 통합할 수 있습니다. 3. 확장성 Firestore는 높은 확장성을 제공하여 대규모 앱에서도 안정적으로 동작합니다. 이는 앱이 성장해도 데이터베이스에 대한 부담을 최소화하고 확장성을 확보할 수 있게 합니다. Storage: 클라우드 파일..
Firebase GitHub 소셜로그인 세팅하기 - Github 인증 세팅하는 방법: https://mroh1226.tistory.com/157 5. [Firebase] Authentication(깃허브 GitHub 계정) 로그인 인증 추가하기 Firebase 의 Authenication에 GitHub 로그인 인증을 추가해보겠습니다. 1. Firebase의 Authenication 탭에 들어가 Guthub를 클릭합니다. 2.사용설정을 체크해줍니다. 클라이언트 ID, 보안 비밀번호를 설정하기 위해 mroh1226.tistory.com 세팅이 끝났다면, 아래 소스로 Flutter와 연동이 가능합니다. Future signInWithGitHub() async { // Create a new provider G..
Firebase 의 Authenication에 GitHub 로그인 인증을 추가해보겠습니다. 1. Firebase의 Authenication 탭에 들어가 Guthub를 클릭합니다. 2.사용설정을 체크해줍니다. 클라이언트 ID, 보안 비밀번호를 설정하기 위해 가장 하단의 승인 콜백 URL을 복사합니다. 3. 새로운 OAuth Application을 만들기 위해 아래 Git hub 링크로 이동합니다. - Github 링크로 이동: https://github.com/settings/applications/new GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of software, together...
Flutter 앱에 Firebase Authentication 이메일/비밀번호 로그인 인증 추가하기 - 주요 기능들. User 생성하기 (이메일, 패스워드) Future createUserWithEmailAndPassword(String email, String password) User Sign-In 기능 (로그인) Future signInWithEmailAndPassword({required String email, required String password}) User Sign-Out 기능 (로그아웃) Future signOut() 위와 같이 크게 3가지 기능을 구현하고, MVVM 패턴에 적용할 수 있도록 예시를 작성해보겠습니다. 우선 아래 포스팅으로 Firebase를 연동하고, Authenica..
Firebase와 연동된 앱에 사용자가 로그인하면, 로그인 정보를 인증하는 기능을 추가해보겠습니다. 1. 아래 Console 링크에 접속 > 프로젝트로 이동 링크: https://console.firebase.google.com/ 로그인 - Google 계정 이메일 또는 휴대전화 accounts.google.com 2. Authentication 메뉴 클릭 3. 사용할 로그인 방법 선택하기 4. 로그인 제공업체 선택 > 사용설정 체크 > 저장 > 연동 완료 (이메일/비밀번호 로그인 방법으로 사용 예시) 5. Users 탭을 누르면 이메일/비밀번호로 등록된 사용자 리스트를 볼 수 있습니다. 6. 사용자를 추가한다면 아래와 같이 사용자 정보가 들어옵니다. App에서 사용자를 추가하는 방법은 워크프레임마다 다..