# 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 : 앱 푸시알림 기능 + 크로스 플랫폼 지원 + 리소스 낭비 최적화 본 실습은 클라우드 서버를 통해 앱 푸시를 보내기 위한 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..
# 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 연동을 확인 할 수 있다.
# 플러그인 설치과정까지 마쳤다면 이제 본격적으로 플러터 프로젝트를 시작할 수 있다. 1. New Flutter Project > Generators > Flutter SDK path 확인 > Project name : 소문자랑 _만사용가능 > Project location : … 눌러서 원하는 위치에 폴더 생성 후 지정 2. main.dart > 메인 작업 페이지 생성
# x-code는 생각보다 필요한 라이브러리가 많아서 연동하기 복잡한 편이다. 본 글은 Flutter에서 x-code를 연동하는 방법을 설명하겠다. 단, (x-code 설치는 appStore에서 미리 설치하고 진행할 것) 1) 필요한 라이브러리 체크 flutter doctor > 여기서 필요한 것은 Flutter와 Xcode의 체크유무이다. 지난 Flutter 설치 및 환경변수까지 셋팅이 되었다면 첫번 째 체크박스는 잘 체크되어 있을 것이다. 하지만, 대부분은 Xcode 설정이 되어있지 않을 것이다. 2. CocoaPods 설치 sudo gem install cocoapods > 해당 명령어를 콘솔입력창에 입력하면 에러가 발생할 것이다. 그 이유는 Ruby가 설치되어 있지 않기 때문. > Ruby는 Ja..
