Programming/Flutter11 [Flutter] 플러터에서 브라우저를 다루는 방법 플러터에서 브라우저를 다루는 방법 플러터 크로스플랫폼 환경에서의 외부, 인앱 브라우저를 다뤄보자 사전 지식 인앱 브라우저와 외부 브라우저의 뜻 [프로그래밍 이론] In-app browser, External browser In-app browser, External browser 모바일 프로그래밍 환경에서의 인앱 브라우저와 외부 브라우저의 특징과 차이점을 알아보자 사전 지식 브라우저의 정의 웹 브라우저 - 위키백과, 우리 모두의 백과사전 spiralmoon.tistory.com 작업 환경 Flutter 1.17.3 Dart 2.8.4 패키지 설치 // pubspec.yaml dependencies: url_launcher: 5.4.11 flutter 공식 패키지인 url_launcher를 사용할 것이다... 2020. 8. 5. [Flutter] 여러 페이지를 한 화면에서, PageView 여러 페이지를 한 화면에서, PageView 여러 페이지를 한 화면에서 처리할 수 있게 해주는 PageView 위젯을 알아보자 작업 환경 Flutter : 1.17.3 Dart : 2.8.4 PageView란? PageView는 여러 페이지를 한 화면에서 구현할 수 있도록 해주는 위젯 클래스이다. 보통은 한 화면에 한 페이지를 구현하는데, PageView를 사용하면 한 화면에서 여러 페이지를 책처럼 넘겨볼 수 있도록 구현할 수 있다. flutter 공식 채널의 PageView 소개 영상 페이지를 수직, 수평으로 넘기거나 페이지 전환 애니메이션 등을 적용할 수 있다. PageController 클래스를 등록하여 페이지 전환을 트리거 할 수도 있다. PageView 사용해보기 여러 페이지 추가하기 책을 만드.. 2020. 6. 15. [Flutter] Firebase cloud messaging 적용하기 Firebase cloud messaging 적용하기 플러터 앱에 FCM 푸시 알림 기능을 적용해보자. FCM이란? FCM은 Firebase cloud messaging의 약자로 앱이나 웹에 푸시 알림을 전송할 수 있도록 해주는 파이어베이스 서비스 중의 하나이다. 푸시 알림에는 사용자에게 보여지는 제목과 내용, 사용자는 볼 수 없는 데이터를 포함하여 보낼 수 있으며, 데이터 사이즈에는 제한이 있지만 사용량에는 제한 없이 모두 무료이다. FCM 이전에 GCM(Google cloud messaging)이라는 서비스도 있었는데 2019년 4월 11일자로 서비스를 중단해서 이제는 FCM을 써야한다. 선행 작업 이 글은 1. 파이어베이스에 프로젝트 생성 2. 파이어베이스에 Android, iOS 등록 3. APN.. 2020. 4. 20. [Flutter] Unable to create service io.flutter.plugins.firebasemessaging.FlutterFirebaseMessagingService: java.lang.RuntimeException: PluginRegistrantCallback is not set. Stacktrace Fatal Exception: java.lang.RuntimeException Unable to create service io.flutter.plugins.firebasemessaging.FlutterFirebaseMessagingService: java.lang.RuntimeException: PluginRegistrantCallback is not set. 발생 원인 발생 조건 v2 embedding이 적용된 플러터 안드로이드 프로젝트 Firebase_messaging 패키지를 사용 사용자 문제는 아니고 Firebase_messaging 패키지가 v2 embedding을 제대로 적용하지 않아서 생긴 문제이다. 플러터에서 네이티브 코드를 호출하기 위해서는 패키지 내부 소스코드에서 .. 2020. 4. 17. [Flutter] Firebase를 이용하여 Sign In with Apple 사용하기 Firebase를 이용하여 Sign In with Apple 사용하기 파이어베이스에서 애플 로그인을 사용해보자. 알림 : 2020.04.08 안드로이드 환경에서 애플 로그인을 실행하는 플러그인을 개발하여 내용 추가함 알림 : 2019.12.29 아직 안드로이드나 iOS 12 이하에서 애플 로그인을 쉽게 적용할 수 있는 플러그인이 개발되지 않았으므로, 관련 내용은 추후에 추가할 예정 선행 작업 이 글은 1. 파이어베이스에 프로젝트 생성 2. 파이어베이스에 Android, iOS 등록 3. 애플 개발자 페이지에서 애플 로그인 활성화 4. 파이어베이스 호스팅 활성화 위 프로세스 이후의 작업을 다루므로 앞의 프로세스를 진행하지 않았다면 아래 링크에서 먼저 모든 작업을 완료해야 한다. 1. 파이어베이스 프로젝트 .. 2020. 4. 9. [Flutter] Firebase remote config 적용하기 Firebase remote config 적용하기 Flutter 앱에 파이어베이스 원격 구성을 적용해보자 선행 작업 이 글은 파이어베이스 프로젝트가 생성되있어야 하고 파이어베이스 프로젝트에 Android, iOS가 등록된 이후의 작업을 다루므로, 앞의 작업을 완료하지 않았다면 아래 링크에서 먼저 모든 작업을 완료해야한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.. spiralmoon.tistory.com .. 2020. 2. 28. [Flutter] Firebase Crashlytics 사용 설정하기 Firebase Crashlytics 사용 설정하기 플러터 프로젝트에 오류 로그 수집기인 Firebase crashlytics을 설정해보자 선행 작업 이 글은 파이어베이스 프로젝트 생성 및 Android, iOS 앱 등록 이후의 작업을 다루므로 앞의 두 프로세스를 완료하지 않았다면 아래 링크에서 작업을 완료해야 한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.. spiralmoon.tistory.com 2... 2019. 12. 21. [Flutter] Firebase를 이용하여 Facebook Login 사용하기 Firebase를 이용하여 Facebook Login 사용하기 플러터 환경에서 파이어베이스를 사용하여 페이스북 인증을 해보자 작업 환경 아래 항목은 필수 사항이다. - 안드로이드 : AndroidX 이상 - iOS : Deployment target iOS 9 이상 선행 작업 이 글은 파이어베이스와 페이스북에 각각 프로젝트가 생성되어 있어야 하며, 양 쪽 프로젝트 모두 Android, iOS가 등록된 이후의 작업을 다루므로 앞의 프로세스를 진행하지 않았다면 아래 링크에서 먼저 모든 작업을 완료해야한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Co.. 2019. 12. 11. [Flutter] Firebase를 이용하여 Google Login 사용하기 Firebase를 이용하여 Google Login 사용하기 플러터 환경에서 파이어베이스를 사용하여 구글 인증을 해보자 선행 작업 이 글은 파이어베이스 프로젝트가 미리 생성되어 있어야 하고, 프로젝트에 Android나 iOS 앱을 등록한 이후의 작업을 다루므로 앞의 두 프로세스를 진행하지 않았다면 아래 링크에서 먼저 작업을 완료해야한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.. spiralmoon.tist.. 2019. 12. 4. [Flutter] Windows 10에 Flutter 개발환경 설치하기 Windows 10에 Flutter 개발환경 설치하기 윈도우 환경에서 플러터 앱을 개발하는 방법을 알아보자 작성 환경 OS : Windows 10 IDE : Android studio 3.5 이상 (또는 Intellij IDEA 2019.1.2 이상) 작업 순서 1. Intellij IDEA 또는 Android studio 설치 2. Flutter plugin과 SDK 설치 3. Android SDK 설치 Intellij IDEA 또는 Android studio 설치 Flutter 어플리케이션을 제작하기 위한 IDE를 설치해야한다. 이 글에서는 Android studio로 셋팅할 것이다. Download link : https://developer.android.com/studio 2019. 9. 15. [Flutter] Mac에 Flutter 개발환경 설치하기 ▶ 주제 : Mac에 Flutter 개발환경 설치하기. ▶ 작성 환경 ▷ OS : Mac ▷ IDE : Android studio 3.5 이상 (또는 Intellij IDEA 2019.1.2 이상) ▶ 작업 순서 ▷ 1. Intellij IDEA 또는 Android studio 설치 ▷ 2. Flutter plugin과 SDK 설치 ▷ 3. Android 개발환경 설정 ▷ 4. iOS 개발환경 설정 ▶ 1. Intellij IDEA 또는 Android studio 설치 Flutter 어플리케이션을 제작하기 위한 IDE를 설치해야한다. 보통은 Android studio나 VS Code를 사용한다. 참고로 말하자면 Android studio에서도 Flutter iOS 앱 개발이 가능하니 혹시나 개발이 안될거.. 2019. 8. 31. 이전 1 다음 반응형
