본문 바로가기
반응형

전체 글1859

[파이어베이스] 플러터에서 Google 로그인 구현하기 플러터에서 Google 로그인 구현하기: 단계별 가이드플러터는 Google 로그인을 포함한 다양한 인증 방법을 손쉽게 구현할 수 있도록 지원합니다. 이 블로그 게시물에서는 플러터 앱에 Google 로그인을 통합하는 단계별 가이드를 제공합니다. 1. 프로젝트 설정Flutter 프로젝트를 생성하거나 기존 프로젝트를 엽니다.pubspec.yaml 파일에 다음 종속성을 추가합니다: dependencies: firebase_auth: ^3.1.1 google_sign_in: ^5.2.1 프로젝트 루트 디렉토리에서 다음 명령을 실행하여 종속성을 설치합니다:flutter pub get 2. Firebase 설정Firebase 콘솔에 이동하여 새 프로젝트를 만들거나 기존 프로젝트를 선택합니다.Authenticati.. 2024. 7. 16.
플러터에서 Drawer 위젯 완전 정복 안녕하세요! 오늘은 Flutter에서 Drawer를 이용한 블로그글 작성 방법을 알려드리겠습니다.Drawer는 모바일 앱에서 좌우측에 메뉴를 나타내는 UI 위젯입니다. 블로그 앱에서 Drawer를 활용하면 사용자들이 쉽게 카테고리, 최신 글, 프로필 등을 이동할 수 있도록 도와줍니다.  1. Drawer 만들기먼저, main.dart 파일에서 Drawer를 만들어 봅시다.import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( titl.. 2024. 7. 16.
플러터에서 파이어베이스에 이미지 업로드 후 주소 얻는 방법 (초보자 가이드) 안녕하세요!오늘은 Flutter에서 파이어베이스 Storage에 이미지를 업로드하고 이미지 URL을 얻는 방법을 초보자를 위한 자세한 설명과 함께 알려드리겠습니다. 1. 준비물Flutter 개발 환경 설치Firebase 프로젝트 생성firebase_storage 패키지 설치2. 단계별 안내 2.1. 파이어베이스 Storage 규칙 설정파이어베이스 Storage에 이미지를 업로드하기 전에 규칙을 설정하여 누가 어떤 이미지를 업로드하고 다운로드할 수 있는지 제어하는 것이 좋습니다.파이어베이스 콘솔에 접속합니다.왼쪽 메뉴에서 Storage 를 선택합니다.규칙 탭을 선택합니다.다음과 같은 규칙을 추가합니다.rules_version: '2'service_account: 'YOUR_SERVICE_ACCOUNT_EM.. 2024. 7. 16.
[파이어베이스] 플러터에서 파이어베이스 doc ID 얻는 방법 Flutter에서 파이어베이스 Doc ID 얻는 방법안녕하세요! 오늘은 Flutter에서 파이어베이스 데이터베이스의 문서 ID를 얻는 방법을 알려드리겠습니다.파이어베이스 데이터베이스는 NoSQL 데이터베이스로서, 문서와 컬렉션으로 구성됩니다.문서는 고유한 ID를 가지고 있으며, 이 ID를 사용하여 특정 문서에 액세스하고 데이터를 읽고 쓸 수 있습니다. 1. 문서 ID 얻기문서 ID를 얻는 방법은 여러 가지가 있습니다. 1.1 자동 생성 ID문서를 생성할 때 파이어베이스는 자동으로 문서 ID를 생성합니다. 이 ID는 랜덤으로 생성되며, 길이가 약 20자리의 문자열입니다.final docRef = FirebaseFirestore.instance.collection('users').doc();await doc.. 2024. 7. 16.
[파이어베이스] 플러터에서 FCM 구현하기: 초보자 가이드 Firebase Cloud Messaging (FCM)은 모바일 앱에 푸시 알림을 전송하는 데 사용되는 무료 서비스입니다.플러터 앱에서 FCM을 사용하면 사용자에게 중요한 업데이트, 마케팅 메시지, 기타 알림을 보낼 수 있습니다.이 가이드에서는 플러터 앱에 FCM을 구현하는 방법을 단계별로 안내하며, 초보자가 쉽게 이해할 수 있도록 자세한 설명과 코드 예시를 제공합니다. 필수 조건Flutter 개발 환경 설정Firebase 계정단계 1. Firebase 프로젝트 설정Firebase 콘솔([유효하지 않은 URL 삭제됨] 이동하여 로그인합니다.새로운 프로젝트를 생성하거나 기존 프로젝트를 선택합니다.왼쪽 메뉴에서 Cloud Messaging을 선택합니다.앱 추가 버튼을 클릭합니다.플랫폼으로 Android와 i.. 2024. 7. 16.
앱 권한 관리를 손쉽게 해주는 permission_handler 패키지 사용법 가이드 모바일 앱 개발 시 사용자로부터 다양한 권한을 요청하는 경우가 많습니다.하지만 권한 요청 및 관리 과정은 복잡하고 시간이 많이 소요될 수 있습니다.permission_handler 패키지는 Flutter 앱에서 권한 요청 및 관리를 간편하게 처리하도록 도와주는 기능을 제공합니다.이 블로그 글에서는 permission_handler 패키지의 주요 기능, 사용법, 활용 사례 등을 자세히 살펴보겠습니다. 1. permission_handler 패키지 소개 permission_handler 패키지는 다음과 같은 기능을 제공합니다.사용자 권한 상태 확인: 앱이 요청할 수 있는 모든 권한의 상태를 확인할 수 있습니다.권한 요청: 사용자에게 특정 권한을 요청할 수 있습니다.권한 요청 결과 처리: 사용자가 권한을 허용.. 2024. 7. 16.
반응형

티스토리툴바