# FCM : 앱 푸시알림 기능 + 크로스 플랫폼 지원 + 리소스 낭비 최적화 본 실습은 클라우드 서버를 통해 앱 푸시를 보내기 위한 요청함수를 작성하는 시간을 가져보겠다. 인용 블로그: https://velog.io/@tygerhwang/Flutter-Firebase-FCMFirebase-Cloud-Message-%EC%82%AC%EC%9A%A9%ED%95%B4-%EB%B3%B4%EA%B8%B0 1. Admin SDK > 지난 시간에 받은 비공개 키(아래글 참고) https://www-seok-com.tistory.com/62 FCM (Firebase Cloud Messaging) (3) API (V1) # FCM : 앱 푸시알림 기능 + 크로스 플랫폼 지원 + 리소스 낭비 최적화 본 실습은 클라우드 ..
# flutter socket 에러 111 인용 글 : https://g0n1.tistory.com/197 [flutter] flutter socketexception os error connection refused errno = 111 문제 상황 로컬에서 flask로 간단하게 만든 서버에 요청을 보냈더니 이러한 에러가 발생했다. 문제 원인 원인은 안드로이드 에뮬레이터가 localhost 대신 10.0.2.2를 사용하기 때문이다. 해결 방법 loca g0n1.tistory.com 1. 문제 원인 > 안드로이드 에뮬레이터는 localhost로 웹 테스트 할 경우 10.0.2.2를 사용해야 한다. 2. 해결 방법 // const url = 'http://localhost:8000/fcm_token'; //..
# FCM : 앱 푸시알림 기능 + 크로스 플랫폼 지원 + 리소스 낭비 최적화 본 실습은 클라우드 서버를 통해 앱 푸시를 보내기 위한 FCM Token을 가져오는 방법에 대한 시간을 가져보겠다. 인용 블로그: https://velog.io/@tygerhwang/Flutter-Firebase-FCMFirebase-Cloud-Message-%EC%82%AC%EC%9A%A9%ED%95%B4-%EB%B3%B4%EA%B8%B0 1. package import import 'package:firebase_core/firebase_core.dart'; import 'package:firebase_messaging/firebase_messaging.dart'; import 'firebase_options.dart'; ..
# FCM : 앱 푸시알림 기능 + 크로스 플랫폼 지원 + 리소스 낭비 최적화 본 실습은 클라우드 서버를 통해 앱 푸시를 보내기 위한 Messaging 캠페인을 추가하여 테스트 메시지를 보내보는 시간을 가져보겠다. 인용 블로그: https://velog.io/@tygerhwang/Flutter-Firebase-FCMFirebase-Cloud-Message-%EC%82%AC%EC%9A%A9%ED%95%B4-%EB%B3%B4%EA%B8%B0' 1. Cloud Messaging > 좌측 상단에 프로젝트 개요를 선택 후, 프로젝트 설정 클릭 > 클라우드 메시징 탭 > API (V1) 서비스 계정 관리 클릭 > Admin SDK 발급을 위해 하이퍼링크를 클릭 > 키 탭 > 키 추가 > JSON 선택 후 만들기 >..
# FCM : 앱 푸시알림 기능 + 크로스 플랫폼 지원 + 리소스 낭비 최적화 본 실습은 클라우드 서버를 통해 앱 푸시를 보내기 위한 Firebase 환경설정을 하는 시간을 가져보겠다. 인용 블로그: https://velog.io/@tygerhwang/Flutter-Firebase-FCMFirebase-Cloud-Message-%EC%82%AC%EC%9A%A9%ED%95%B4-%EB%B3%B4%EA%B8%B0 1. Firebase 프로젝트 생성 https://console.firebase.google.com/ > 파이어 베이스 접속 프로젝트 추가 2. Flutter 앱에 추가 > FlutterFire CLI 설치 및 실행 root 터미널에서 명령어 실행 dart pub global activate flu..
# FCM : 앱 푸시알림 기능 + 크로스 플랫폼 지원 + 리소스 낭비 최적화 본 실습은 클라우드 서버를 통해 앱 푸시를 보내기 전 OS별 환경설정을 하는 시간을 가져보겠다. 인용 블로그: https://velog.io/@tygerhwang/Flutter-Firebase-FCMFirebase-Cloud-Message-%EC%82%AC%EC%9A%A9%ED%95%B4-%EB%B3%B4%EA%B8%B0 1. Android 설정 > android > app > src > main > AndroidManifest.xml android:usesCleartextTraffic="true" android:showWhenLocked="true" android:turnScreenOn="true" 더보기 2. ios 설정 ..
# flutter로 web화면을 디바이스로 호출하여 랜더링을 하고싶은 경우, webview라는 패키지를 사용할 수 있다. 본 글은 모바일 디바이스에서 원하는 웹사이트를 불러오는 방법에 대해서 설명하겠다. 1. Dependency 추가 > 작업폴더의 root영역을 보면 pubspec.yaml이라는 파일을 클릭한다. > 버전을 명시하지 않으면 최신버전으로 설치 할 수 있다. > 해당 코드를 작성한 뒤, 패키지를 설치하려면 상단에 Pub get이라는 버튼을 클릭하면 된다. dependencies: webview_flutter: webview_flutter_android: webview_flutter_wkwebview: 2. package import import 'package:flutter/material...
# flutter뿐만이 아닌, android studio에서 x-code를 활용하여 ios device를 연동하는 방법을 소개하겠다.1. android studio 시뮬레이터 실행> x-code 시뮬레이터 자동으로 실행 2. 코드 디버그> 화살표 버튼으로 코드를 실행하여 iOS 연동을 확인 할 수 있다.
