플러터 (35)

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

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

플러터 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 값을 복사하셔서 사용하시면 됩니다.

플러터에서 사용자에게 보이는 앱 이름 바꾸는 방법 사용자 디바이스 화면에서 우리가 만든 앱의 이름을 변경하고 싶을 때는 다음과 같은 방법으로 코드를 수정하면 됩니다. 안드로이드 /android/app/src/main/AndroidManifest.xml 경로에 위치한 파일을 열고, 태그의 android:label 속성값을 새로운 앱 이름으로 변경하면 됩니다.

플러터에서 CocoaPods's specs repository is too out-of-date 오류 해결하는 방법 플러터를 개발하다가 다음과 같은 오류를 마주하게 되었을 때 해결했던 방법입니다. Error: CocoaPods's specs repository is too out-of-date to satisfy dependencies. To update the CocoaPods specs, run: pod repo update 해결 방법 1. /ios/Podfile.lock 파일을 삭제한다. 2. /ios 위치에서 (=> cd ios) pod install --repo-update 명령어를 실행한다. 3. 프로젝트 루트 위치에서 flutter clean 명령어를 실행한다. 4. 프로젝트는 다시 실행한다..

플러터에서 사용자 기기의 글자 크기를 무시하는 방법 앱의 연령층이 다양할 경우에 사용자 기기에 보이는 글자 크기를 고려하지 않을 수 없습니다. 그렇다고 사용자 기기에 설정된 글자 크기 값을 기준으로 구현하다 보면 글자가 앱의 기능을 불편하게 방해할 정도로 크게 보일 수도 있습니다. 이런 경우에 사용자 기기의 설정된 글자 값이 아닌, 우리가 설정해둔 글자 크기 값으로 고정시키는 방법이 있습니다. 그리고 사용자 옵션 기능으로 글자 크기를 키우거나 줄이도록 편의 기능을 제공할 수 있습니다. 플러터에서는 Text 위젯 옵션을 이용하면 간편하게 글자 크기를 고정할 수 있습니다. 고정시키는 방법은 특정 위젯만 적용하는 방법과 앱 전체 글자에 적용하는 방법이 있습니다. 특정 Text 위젯에만 적용하기 Text 위젯의..

플러터에서 안드로이드 apk 파일 생성하는 방법 안드로이드 기기 테스트에 사용되는 apk 파일을 생성하는 방법은 명령어 한 줄로 간단하게 생성할 수 있습니다. 상황에 따라 release, debug 명령어를 사용하시면 됩니다. $ flutter build apk --release --target-platform=android-arm64 $ flutter build apk --debug --target-platform=android-arm64 apk 파일이 생성된 위치는 project root > build > app > outputs > apk 여기서 확인하실 수 있습니다. 간단한 정보지만 읽어주셔서 감사합니다 😄