주제/flutter (44)

플러터에서 for문 안에 await 비동기 처리 방법 플러터에서 for 문으로 작업을 처리하는 과정에 await 비동기 방식으로 작업을 수행해야 하는 경우가 있습니다. 그치만 플러터에서 for 문에서는 비동기를 지원하지 않고 반복문을 처리합니다. 이때 다음과 같은 방법으로 해결할 수 있어요. 해결 방법 await Future.forEach(workList, (work) async { await waitFunc(work); }); 조금이나마 도움이 되었길 바랍니다~😄

플러터 버전 업그레이드가 안 되는 경우 해결하는 방법 새로운 플러터 버전이 나왔길래, 버전 업그레이드를 하려고 명령어를 입력했더니, 아래와 같은 오류 때문에 업그레이드를 실패했다면 아주 간단하게 해결하실 수 있어요. Unknown flutter tag. Abandoning upgrade to avoid destroying local changes. It is recommended to use git directly if not working on an official channel. 해결 방법 $ flutter upgrade --force 너무 간단하죠? 글 읽어주셔서 감사합니다~😊

앱 아이콘에 배지 숫자 알림을 적용하는 방법 우리가 열심히 만든 앱을 사용자가 다운로드 받았다면, 그다음으로는 앱을 지속적으로 열어보도록 다양한 방법으로 유도해야 한다고 생각합니다. 그중에 하나가 배지 알림 기능으로 앱 아이콘에 숫자를 표시하는 방법이고요. 플러터에선 flutter_app_badger 패키지를 사용하면 정말 간단하게 구현할 수 있습니다. 우선 패키지를 설치합니다. (https://pub.dev/packages/flutter_app_badger) $ flutter pub add flutter_app_badger 사용자 권한 요청 iOS의 경우 사용자에게 배지 알림 권한을 요청해야 하는데요. iOS > Runner > Info.plist 파일에 아래 코드를 추가하면 됩니다. 그러면 사용자 배..

새로운 플러터 앱을 만들 때 패키지 이름을 설정하는 방법 새로운 플러터 프로젝트를 만들 때 패키지 이름을 초기화하려면 flutter create 뒤에 --org 옵션을 사용하면 간단하게 적용할 수 있습니다. $ flutter create --org com.example my_flutter_app 위에 코드를 보면 com.example 부분은 패키지 이름이고, my_flutter_app 부분이 프로젝트 이름이 됩니다. com.example 패키지 이름은 주로 앱스토어에서 고유하게 사용되는 도메인 이름을 사용합니다. 만약 프로젝트를 생성할 때 패키지 이름을 변경하는 것을 깜빡했다면, 프로젝트를 생성한 후에 변경하시면 됩니다. 이 방법도 간단합니다. 안드로이드의 경우 android/app/build.gradl..

플러터 firebase_auth + sign_in_with_apple 애플 로그인 방법 앱에 소셜 로그인 기능을 구현하려면 애플 정책에 따라 Sign in with Apple 로그인은 필수입니다. 플러터에서 어떻게 애플 로그인을 구현하는지 알아보겠습니다. 파이어베이스 인증 제공업체 추가 파이어베이스 프로젝트 페이지에 접속해서 Authentication > Sign-in method 탭으로 이동합니다. 그리고 새 제공업체 추가 버튼으로 Apple 방식을 추가하고 사용 설정을 활성으로 변경하여 저장합니다. 하단부에 콜백 URL도 사용해야 되니 복사해 둡니다. 애플 개발자 App ID 등록 애플 개발자 센터 페이지에 접속해서 Identifiers 추가하기 버튼을 눌러 새로운 App ID를 생성합니다. 기존에 ..

플러터 flutter_localizations 다국어 적용하는 방법 플러터에서 사용자의 언어 설정에 따른 다국어를 적용하는 방법에 대해 알아보겠습니다. 다국어 패키지 설치 우선 flutter_localizations 패키지를 설치하기 위해 아래 명령어를 실행합니다. $ flutter pub add flutter_localizations --sdk=flutter $ flutter pub add intl:any 패키지 설치가 끝나고 pubspec.yaml 파일을 열어보면 아래와 같이 필요한 패키지가 설치된 것을 확인할 수 있습니다. dependencies: flutter: sdk: flutter flutter_localizations: # 다국어 패키지 sdk: flutter intl: any # 포맷 패키..

플러터 iOS Splash Screen / Launch Screen 적용하는 방법 iOS 앱을 최초 실행할 때 잠시 나타나는 스플래시 스크린을 적용하는 방법에 대해 알아보겠습니다. 이번에는 패키지를 사용하지 않고 간단하게 스플래시 스크린을 구현해 보도록 할게요. 우선 루트 경로에 위치한 ios 폴더를 우측 클릭하고, Open in Xcode로 프로젝트를 실행합니다. 그리고 Runner/Runner/Assets 파일을 열어서 LaunchImage에 새롭게 적용할 이미지를 추가합니다. 1x, 2x, 3x 영역을 더블클릭하면 이미지를 추가할 수 있습니다. 추가적으로 배경색이나 사이즈, 비율 등을 변경하려면 Assets 바로 아래에 보이는 LaunchScreen 파일을 열어서 수정하시면 됩니다. 이미지 작업이 ..

플러터 No app has been configured yet. 오류 해결 방법 플러터 앱에서 파이어베이스 기능을 구현하다가 다음과 같은 오류가 발생했을 때 해결하는 방법에 대해 알아보겠습니다. [Firebase/Core][I-COR000005] No app has been configured yet. 루트 경로에 위치한 ios/Runner/AppDelegate.swift 파일에 파이어베이스 코드를 추가하면 됩니다. 간단하죠? AppDelegate.swift import UIKit import Flutter import Firebase // Add Line. @UIApplicationMain @objc class AppDelegate: FlutterAppDelegate { override func app..

iOS에서 구글 로그인 오류 해결 방법 플러터에서 구글 로그인을 시도하는데 our app is missing support for the following URL schemes 오류 문구가 뜨면서 로그인이 안되거나 실행 중인 시뮬레이터의 앱이 강제로 종료되는 경우를 마주하기도 합니다. 이 오류는 iOS에서 발생되는 오류로 Xcode에서 간단히 해결할 수 있습니다. 우선 프로젝트를 Xcode로 실행합니다. 만약 Vscode를 사용 중이시라면 프로젝트 루트 경로에 위치한 ios 폴더를 우측 클릭하고, Open in Xcode를 누르시면 됩니다. Runner > GoogleService-Info.plist > REVERSED_CLIENT_ID의 Value값을 복사합니다. 복사한 값을 Runner > Info ..

파이어베이스 디버스 서명 인증서 SHA1 생성 방법 플러터에서 파이어베이스 프로젝트에 안드로이드 앱을 추가할 때 사용되는 디버그 서명 인증서 SHA1을 생성하는 방법에 대해 알아보겠습니다. 참고로 macOS 기준으로 작업한 점 양해 부탁드립니다. 정말 간단합니다. 다음 명령어를 터미널에서 실행하기만 하면 되는데 이때 ~/.android/debug.keystore 경로에 해당 파일이 존재하지 않으면 제대로 실행되지 않으니 꼭 경로를 확인하시길 바랍니다. $ keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore 그러면 다음과 같은 생성값이 출력되고, 그 중에서 파이어베이스에 필요한 SHA1 값을 복사하셔서 사용하시면 됩니다.