본문 바로가기

Study/Flutter

[flutter] flutter mac에서 설치 및 설정
2023. 8. 16. 1. Flutter Sdk 설치 https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems. docs.flutter.dev 위 사이트에 방문하여 mac 선택 1) Rosetta 번역 환경 설치 다음을 실행하여 수동으로 설치할 수 있습니다. sudo softwareupdate --install-rosetta --agree-to-license 2) SDK 설치 m1 , m2 프로세스라면 오른쪽 버전 설치 위 내용을 순서대로 따라하면서 설치해준다. 위와 같이 환경변수를 셋팅해주었..
[Flutter] flutter 3.10 Release Note 요약
2023. 6. 6. 1. Flutter 3.10 1) 그래픽스 엔진 skia -> impeller 기존에 사용된 Chrome의 렌더링 엔진과 같은 skia 엔진에 몇가지 문제가 있었음 'shader 로딩 이슈'로 초기 실행(cold booting)시 지연이 있었고 iOS의 첫 번째 애니메이션에 약간의 Jank 가 있는 큰 문제가 존재했음 impeller 애니메이션은 터치 제스처가 느끼는 방식과 같이 매우 자연스럽고 정말 고급스럽다함. 2) Web 환경 지원 서비스 실행시 브라우저로 로딩되는 CanvasKit 사이즈 크게 감소 Chromium 기반 브라우저의 최적화로 2.7MB -> 1.5MB wasm 표준에서 GC 지원이 채택됨 3) Material3 지원 Material3는 앱/웹 서비스들을 위한 google의 UX/UI..
[Dart] dart 3.0 발표 요약
2023. 6. 6. translator Afrikaans Albanian - shqipe Arabic - ‎‫العربية‬‎ Armenian - Հայերէն Azerbaijani - azərbaycanca Basque - euskara Belarusian - беларуская Bengali - বাংলা Bulgarian - български Catalan - català Chinese - 中文（简体中文） Chinese - 中文 (繁體中文) Croatian - hrvatski Czech - čeština Danish - dansk Dutch - Nederlands English Esperanto - esperanto Estonian - eesti Filipino Finnish - suomi French - frança..
[GPT] GPT에게 물어본 좋은 개발자
2023. 4. 2. 좋은 개발자란 무엇일까? 좋은 개발자는 다음과 같은 특징을 갖춘 개발자라고 할 수 있습니다. 전문성: 좋은 개발자는 자신이 개발하는 분야에 대해 전문성을 갖추고 있습니다. 이를 위해 지속적으로 학습하고 개발 기술을 습득하며, 최신 트렌드와 개발 방법론 등에 대해 관심을 가지고 있습니다. 문제 해결 능력: 좋은 개발자는 어려운 문제에 직면했을 때, 창의적이고 빠르게 문제를 해결할 수 있는 능력을 갖추고 있습니다. 이를 위해 적극적으로 도전하며, 문제 해결에 필요한 지식과 경험을 쌓아나가고 있습니다. 커뮤니케이션 능력: 좋은 개발자는 다른 개발자들과 원활한 커뮤니케이션을 할 수 있습니다. 개발팀 내에서 협업하며 문제를 해결하는 과정에서 의견을 나누고 소통하는 능력이 필요합니다. 코드 품질과 유지보수성: 좋은..
[Flutter] BuildContext와 활용법
2023. 3. 31. Flutter 위젯마다 Build method에 인자로 사용되는 BuildContext는 무엇인지 어떤 역할을 하는지에 대해서 알아보자! 1. BuildContext란? Flutter에서 BuildContext는 위젯 트리에서 현재 위젯의 위치와 레이아웃 정보 등을 포함하는 객체입니다. 모든 화면 위젯은 빌드시 BuildContext를 매개 변수로 받습니다. 이를 통해 현재 위젯이 속한 위젯 트리에 대한 정보를 얻을 수 있으며, 이를 사용하여 다른 위젯과 상호작용하거나 레이아웃을 변경할 수 있습니다. 또한, BuildContext는 Flutter 프레임워크에서 다양한 기능을 수행하는 데 사용됩니다. 예를 들어, BuildContext를 통해 Theme 또는 MediaQuery와 같은 위젯 트리에서 전역적..
[Flutter] 앱 이름, 아이콘, 스플래시 이미지설정
2023. 1. 25. 앱은 어떤앱이던지 기본적으로 아이콘과 스플래시화면을 가진다. 안드로이드는 android\app\src\main\res\drawable 안에 이미지파일을 넣고, xml로 설정하며 IOS는 Runner\Assets.xcassets\LaunchImage.imageset , LaunchBackground.imageset 에서 파일을 넣어주고 설정한다. 하지만, 이 모든 설정을 건들지 않고 Flutter 라이브러리로 해결할 수 있다. 아이콘과 스플래시 화면을 AOS / IOS 모두 해결해보자 1. 아이콘 설정 https://pub.dev/packages/flutter_launcher_icons 아래와 같이 puspec.yaml 에서 flutter_launcher_icons 를 추가하고 설정을 작성해준다. dev_..
[Flutter] Rest Api 호출 라이브러리 비교 (dio,retrofit,chopper)
2023. 1. 18. Flutter에서 가장 많이 사용되는 Rest API 호출 라이브러리 중 상위 랭킹을 확인해보면 다음과 같습니다. pub.dev에서 라이브러리 다운로드 수와 별점 평가 수 등을 바탕으로 나온 통계입니다. Dio http retrofit chopper http_client 이 처럼 Flutter에서 REST API 호출을 위해 사용할 수 있는 다양한 라이브러리가 있습니다. 이 중에서 가장 인기 있는 라이브러리들을 비교해보겠습니다. 1. 라이브러리 http 패키지 Flutter의 기본 패키지인 http를 사용하면 간단하게 REST API 호출을 할 수 있습니다. 이 패키지는 Dart 언어 자체의 내장 패키지이며, HTTP 요청 및 응답을 처리하는데 필요한 기능을 제공합니다. 다른 패키지와 비교해서 가볍고 사..
[Flutter] flutter_secure_storage를 이용한 자동 로그인
2023. 1. 18. Flutter 에서 디바이스 내부에 정보를 저장하기 위해서 일반적으로 shared_preferences 패키지를 많이 사용하지만 로그인 정보들이 쉽게 노출이되기에 보안에 취약하므로 개인정보는 flutter_secure_storage 를 이용해서 저장하는것이 바람직하다. Shared_preferences 는 왜 보안에 취약한가? Android에서의 문제 Android는 루팅을 통하여 루트 권한을 얻음으로 생산자, 판매자측에서 걸어 놓은 제약을 해제하면 Shared Preference 같은 쉽게 사용할 수 있는 내부 저장소들은 간단한 루팅 과정만으로 ADB(Android Debug Bridge)를 사용해서 저장되어있는 내용들을 쉽게 볼 수 있다고 한다. iOS에서의 문제 iOS는 탈옥(Jailbreaking..
[Flutter] ensureInitialized() 언제, 왜 호출해야 하는가?
2023. 1. 18. Firebase, sharedPreference , async-await 비동기 처리, Landscape (가로모드), Portrait (세로모드) 등... 이와 같은 라이브러리 사용이나 앱설정시에 꼭 해주어야 하는 저 메소드는 무엇을 의미하는가? 1. ensureInitialized란? 말 그대로 초기화된 상태를 보장한다는 의미입니다. 앱의 바인딩이 초기화되었는지를 확인하는데 사용됩니다. 2. ensureInitialized 종류 WidgetsFlutterBinding , ServicesBinding 크게 두가지가 있습니다. WidgetsFlutterBinding.ensureInitialized()와 ServicesBinding.ensureInitialized() 모두 Flutter 애플리케이션의 바인..
[Flutter] FCM foreground, background 설정 (IOS,AOS) with local_notification
2023. 1. 4. GitHub - firebase/flutterfire: 🔥 A collection of Firebase plugins for Flutter apps. 🔥 A collection of Firebase plugins for Flutter apps. - GitHub - firebase/flutterfire: 🔥 A collection of Firebase plugins for Flutter apps. github.com Notifications | FlutterFire Notifications are an important tool used on the majority of applications, aimed at improve user experience & used to engage users fireba..
[Flutter] Firebase Cloud Messaging - FCM 테스트발송
2022. 12. 23. 공식 Docs Flutter에서 Firebase 클라우드 메시징 클라이언트 앱 설정 Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기 이 페이지는 Cloud Translation API를 통해 번역되었습니 firebase.google.com Notifications | FlutterFire Notifications are an important tool used on the majority of applications, aimed at improve user experience & used to engage users firebase.flutter.dev GitHub - firebase/flutt..
[Flutter] 빌드 오류, 컴파일 오류시 해결법
2022. 12. 15. 1. FAILURE: Build failed with an exception. 빌드문제는 상당히 종종 자주 나타난다. 또한 원인은 다양한데, 해결을 위한 진단 과정이 까다롭다. 하나하나 체크해봐야한다. 1) flutter doctor > flutter doctor 기본적인 구성환경을 점검해주므로 여기서 문제가 나타나면 해당 문제를 검색하여 해결해야한다. 2) flutter upgrade > flutter upgrade 시시각각 바뀌는 플러터 버전에 따른 의존성이 있어, 에러가 발생할 수 있다. 라이브러리 하나를 가져다 쓰더라도 의존성을 잘 봐가면서 추가해야하지만, 빠른 개발을위해 사용하다보면, 체크를 잊곤하므로, upgrade를 하자. 3) flutter clean & gradlew clean build..
[Flutter] JSON 직렬화, json_annotation을 통한 제너레이트
2022. 11. 18. https://flutter-ko.dev/docs/development/data-and-backend/json JSON과 직렬화 어느 시점부터 웹 서버와 통신하지 않거나 구조화된 데이터를 적절하게 보관하지 않는 모바일 앱을생각하기 어려워졌습니다. 네트워크와 연결된 앱을 제작할 때, 결국에는 제법 괜찮은 JSON을사 flutter-ko.dev JSON 데이터 웹 서버와 통신할 때, 구조화된 데이터를 적절하게 다루기 위해서 JSON 형식에 데이터는 필수적이다. 내가 원하는 데이터 객체를 다루기 위해 JSON의 필수적인 직렬화 개념을 이해하고 다뤄보자. 일반적인 객체 코드형태 https://www.dhlottery.co.kr/common.do?method=getLottoNumber&drwNo=1041 위와 같..
[Flutter] FireStore 사용하기
2022. 8. 17. https://firebase.flutter.dev/docs/firestore/overview/ Cloud Firestore | FlutterFire This page is archived and might not reflect the latest version of the firebase.flutter.dev 위에 기본적인 사용 쿡북이 존재하며 잘 나와있지만, 실 사용을 하며 정리해보자. 1. FireStore 란? FireStore는 NoSQL기반에, 파이어 베이스에서 제공하는 무료 클라우드 데이터베이스이다. 다양한 앱/웹 프로젝트에서 활용가능하며, 데이터를 저장하고 동기화하기 위한 유연하고 확장 가능한 기술이다. 실시간 수신기를 통해 클라이언트 앱 간에 데이터 동기화를 유지하고, 오프라인 지원을 제..
[Flutter] FireAuth 로그인과 인증
2022. 8. 4. Firebase에 Authentication을 이용해서 앱 안에서의 로그인과 사용자 인증을 다뤄보자. 두 가지 로그인을 구현해 볼까한다. 1. firebase_auth를 이용한 이메일 로그인과 2. firebase 소셜 로그인에 대해서 살펴보고 구현해보자. 1. email 로그인 콘솔 사이트에서 auth페이지에 이메일 로그인 사용을 설정해준다. 1) Firebase Auth 에 이메일 로그인 사용 설정 https://console.firebase.google.com/ 2) firebase_auth 사용 패키지를 프로젝트에 추가하여 코드를 작성하면 바로 사용이 가능하다. https://pub.dev/packages/firebase_auth firebase_auth | Flutter Package Flutt..
[Flutter] Firebase flutter 설정
2022. 8. 3. Firebase를 사용하는 사람들은 굉장히 쉽고 빠르게 연결해서 사용할수 있다고 말하지만 개인적으로 강의나 책의도움없이 들어가기엔 진입장벽이 높다고 생각한다. Flutter 3.0기반으로 Firebase 프로젝트를 만들고, 기존 Flutter project안에서 initialize 하기까지의 과정을 정리한다. 1. Firebase console 에서 프로젝트 생성 https://console.firebase.google.com/ 로그인 - Google 계정 이메일 또는 휴대전화 accounts.google.com 먼저 구글 로그인후 Firebase web console에서 새 프로젝트를 만든다. 간단하게 새 프로젝트를 만들고나면, 본인이 개발중이던 Flutter Project에 연결할 수 있다. 해당 웹..
[Flutter] 로그 도우미 logger 사용법
2022. 8. 2. 개발에 있어서 로그의 중요성은 강조하지 않을수 없습니다. 로그가 없는 개발은 유지보수와 협업에 큰 장애를 줄 수 있습니다. 작고 사용하기 쉽고 아름다운 로그를 인쇄하는 확장 가능한 로거가 있습니다. Android용 로거에서 영감을 받아 만들어진 Flutter 로거를 소개합니다. https://pub.dev/packages/logger logger | Dart Package Small, easy to use and extensible logger which prints beautiful logs. pub.dev 예시 코드 import 'package:logger/logger.dart'; var logger = Logger( printer: PrettyPrinter(), ); var loggerNoStack..
[Flutter] QR 코드 생성, 스캔
2022. 7. 29. 1. QR 코드 생성 (qr_flutter) qr_flutter 라이브러리를 이용하면, 쉽게 원하는 QR코드를 만들수 있다. 예제 코드 return Center( child: Column( children: [ QrImage( data: "https://www.daum.net/", backgroundColor: Colors.white, size: 200, ) ], ), ); data부분에 원하는 값만 넣어주면 만들어진다. 결과 화면 https://pub.dev/packages/qr_flutter qr_flutter | Flutter Package QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or cus..
[Flutter] 앱 권한 관리 permission_handler 사용법 (AOS / IOS)
2022. 7. 19. 대부분의 운영 체제에서 권한은 설치시에만 요구하도록 지원합니다. 하지만 앱의 정상실행을 위해서는 실행되는 동안에도 필요 권한(런타임 권한요청)을 사용자에게 요청해야합니다 . permission_handler 는 크로스 플랫폼(iOS, Android) API를 제공합니다. 사용자가 권한을 부여할 수 있도록 기기의 앱 설정을 열 수도 있습니다. Android에서는 권한을 요청하는 근거를 보여줄 수 있습니다. 1. Setting 해당 API를 사용하기 위해서는 project내에 기본적으로 권한을 요구하도록 설정이 필요합니다. 1) AOS 1. "gradle.properties" 파일에 다음을 추가합니다. (기본사항이라 변경 불필요, 확인) android.useAndroidX=true android.enable..
[Flutter] Permission 그룹 권한의 종류와 허용법 (AOS / IOS)
2022. 7. 19. 앱을 개발함에 있어서, 장치에 대한 다양한 권한이 필수적으로 요구될 때가 있다. 권한을 설치시에 요구하는 경우, 설치 시간 권한(Install-time permissions) 앱을 설치하여 사용중에 요구하는 경우, 런타임 권한(Runtime permissions) 으로 구분한다. 일반적으로 AndroidManifest.xml 에 명시되면 설치 시간 권한(Install-time permissions)을 요청하게 되며, 사용중 권한을 요구하는 경우에는 대부분 외부 라이브러리인 permission_handler 를 이용해서 런타임 권한을 요청한다. 먼저 안드로이드에서 얻을 수 있는 권한의 종류를 살펴보자. 권한은 개별권한으로 요청 할 수 도 있지만. 다양한 개별권한을 한번에 그룹권한으로 요청 할 수도 있다. ..

티스토리툴바