본문 바로가기

Flutter

(9)

[ Flutter / macOS ] Flutter macOS 설치 및 셋팅하기. 윈도우나 리눅스, 크롬 등은 Flutter 공식 페이지의 Install에서 찾아서 참고하면 된다! https://docs.flutter.dev/get-started/install 1. macOS intel 프로세서 zip 파일 다운로드. 나는 맥유저라서 Flutter 공식 페이지의 macOS install을 참고했다~! macOS install 참고 ** 현재 설치하려는 macOS 에서 인텔 프로세서를 사용하는지, Apple Silicon 을 사용하는지 확인하고 해당되는 프로세서의 zip 파일을 다운받는다. Apple Silicon이 탑재된 Mac 컴퓨터 확인 2. 다운받은 zip 파일을 아래의 명령어를 통해 압축 해제. cd ~/development unzip ~/Downloads/flutter_mac..

[ Flutter ] Image_Picker 사용하여 이미지 업로드 기능 구현 및 서버에 업로드 하기. flutter에서 image_picker 플러그인을 사용하여 이미지를 업로드하는 방법을 알아보자. 👉 image_picker 플러그인 페이지 image_picker | Flutter Package Flutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera. pub.dev image_picker 플러그인의 0.8.1이상의 버전을 사용하려면 iOS 9.0이상, Android 4.3 이상필요하기 때문에 서비스에서 지원하는 iOS, Android 버전을 확인 후 image_picker 플러그인의 버전을 맞춰주면 된다. * 나는 image_picker 0.8.4+11..

[Flutter/Firebase] Firebase auth / account-exists-with-different-credential Flutter 앱에서 Firebase의 Athenticatoin 을 통해 로그인을 구현했다. ( Google / Apple / Twitter ) 그런데, 아래와 같은 에러가 발생했다. [VERBOSE-2:ui_dart_state.cc(199)] Unhandled Exception: [firebase_auth/account-exists-with-different-credential] An account already exists with the same email address but different sign-in credentials. Sign in using a provider associated with this email address. 에러가 발생한 상황은 1. Apple로 로그인 2. 로그아웃..

[ Flutter / State ] Flutter의 상태관리 훑어보기. * Flutter 공식 홈페이지의 State management 를 간단하게 해석 & 정리 한 글. Flutter UI의 가장 큰 특징은 다른 UI 프레임워크에서 사용하는 명령형 방식과는 다르게 선언형 UI라는 점이다. 명령형 방식의 UI 프로그래밍은 UI개체를 일일이 구성하고, 나중에 UI가 바뀌면 메서드와 setter들을 이용하여 변경하는 우리에게 익숙한 방식이다. 이와 반대로 Flutter는 현재의 UI 상태만 묘사하고, 변화는 프레임워크에 맡기도록 했다. 그래서 Flutter에서 UI를 어떻게 다루는지에 대해 사고 전환이 필요하다. Flutter의 상태 소개. - 수명이 짧은 상태 ( Ephemeral State ) - 앱 상태 ( App State ) 1. 수명이 짧은 상태 ( Ephemeral..

[ Firebase / Flutter ] Error: PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 10: , null) 오류 해결방법! 나의 아이맥으로 flutter App의 Android 디버깅을 위한 세팅을 하던 중 만난 오류. 나의 경우는, // Mac OS 기준!! 1) 안드로이드 폰으로 flutter run - Android phone 을 선택하여 빌드가 완료됐고, 2) 플러터 앱의 루트 페이지에서 Google 소셜 로그인을 했는데 이런 오류가 발생했다. PlatformException( sign_in_failed, com.google.android.gms.common.api.ApiException: 10: , null, null) !!!!!!! 당황하여 일단 종료 후 IOS로 앱을 빌드하여 로그인 테스트를 해보니 너무 잘된다...ㅋㅋㅋㅋㅋ 어.. 뭐지?🤔 안드로이드 firebase쪽 세팅이 뭔가 안됐구나...!! 를 느끼고 구..

[ Flutter ] 길이에 따라 Text 자동 줄바꿈 / Flexible Text Flutter에서 작업중 Text를 내가 정한 Width 길이 및 줄을 설정하여 그 이후의 텍스트들은 보이지 않게 하는 방법.🥳 나는 상세 페이지 이전에 미리보기 페이지에서 텍스트가 너무 길어질 경우를 대비하여 사용했다😄 !! 위와같이 Container에 width를 정해주고, maxLines를 정하면, 내가 정해놓은 값을 넘기지 않는다. 아주 굉장히 유용쓰 하다.👍 * 10000 Container( width: 150, child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ Flexible( child: RichText( overflow: TextOverflow.ellipsis, maxLines: 5, strutStyle: StrutSt..

[ Flutter / 트위터 로그인 ] Firebase를 이용한 Twitter 로그인 구현 회사에서 플러터 앱을 만들면서 지금은 소셜 로그인을 구현하고 있는 중 🔥 구글, 카카오톡, 애플까지 구현해놨고 마지막 남은 트위터! (우리 앱의 특성상 트위터 사용자들이 주 타겟층이라고 예상중) 트위터는 다행히도 firebase 에서 로그인을 제공한다. 그래서 굉장히 쉽게 로그인 구현이 가능할 것 같다고 예상했지만( 응~아니야😊), 어제 아래와 같은 오류 메세지와 함께 트위터 로그인 구현에 실패했다.ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이유가 뭘까.. 구글링을 해봐도 비슷한 문제를 겪는 다른 개발자들의 질문들 뿐.. 이 문제의 해결책을 제시해주는 글을 찾을 수 없었다 ....!!! 🥳하지만 지금은 문제 해결.😙 FlutterFire의 Authentication - Twitter 의 안내를 따라 차근 차근 구..

[ Flutter / 애플 로그인 ] Firebase를 이용한 SignIn With Apple 구현 Flutter 소셜 로그인을 개발중인데, 듣기론 ( WEB / Android / ios 13버전 이하 지원의 경우 )Apple 로그인이 난이도 헬이라는 이야기를 들었다..😱 하지만 나는 ios 13 이상 지원에 ios Apple 로그인만 지원하기 때문에 굉장히 간단하게 구현할 수 있었다!😍 이제 차근 차근 애플 로그인에 대해 뿌셔보도록 하겠다..! 🔥 준비하기 😙 ios 13.0 이상의 애플 로그인만 지원할 경우 - Firebase에 ios 프로젝트가 생성돼 있어야 한다. - 애플 개발자 프로그램에 유료 회원으로 가입돼 있어야 한다. 😨 ios 13.0 이하 버전 및 web, Android 애플 로그인을 지원 할 경우 - Firebase에 ios 프로젝트가 생성돼 있어야 한다. - 애플 개발자 프로그램에..

이전 1 2 다음

티스토리툴바