2024/12 32

TIL - 영화 정보앱 (4) < Go_router Transition 효과의 문제점! >

## 해당 TIL은 주어진 과제를 수행하면서 얻은 학습 내용과, 시행착오 등등을 종합해서 작성한것임 1. Go_router 에서 페이지 전환 애니메이션 사용시, IOS back Swipe 가 안먹는 문제!이전 포스팅에서, Go_router 의 페이지 전환 애니메이션을 먹이는 법에 대해서 설명한 적이 있었다." data-og-description="## 해당 TIL은 주어진 과제를 수행하면서 얻은 학습 내용과, 시행착오 등등을 종합해서 작성한것임   Transition animations topic - Dart APITransition animations topic GoRouter allows you to customize the transition animati" data-og-host="hamiric...

TIL 2024.12.30

TIL - 영화 정보앱(3) < AI 연동하기 ( 구글 Gemini ) >

## 해당 TIL은 주어진 과제를 수행하면서 얻은 학습 내용과, 시행착오 등등을 종합해서 작성한것임 1. Google Generative Ai 라이브러리구글에서 제공하는 Gemini API Gemini API 빠른 시작  |  Google AI for Developers개발자를 위한 Gemini API 시작하기ai.google.dev 해당 API를 사용하기 위해서는, API Key를 발급받아야 하며, 해당 링크에서 간편하게 받을 수 있다. 로그인 - Google 계정이메일 또는 휴대전화accounts.google.com Flutter SDK 용 라이브러리는 Google_Generative_Ai 라이브러리를 통해, 간편하게 Gemini API를 사용할 수 있다. google_generative_ai | D..

TIL 2024.12.30

TIL - 영화 정보앱(2) < Go_route 심화 >

## 해당 TIL은 주어진 과제를 수행하면서 얻은 학습 내용과, 시행착오 등등을 종합해서 작성한것임 1. Go_router 의 경로Go_router 에서 경로를 설정하는 방법은 다음과 같다.아래의 router는 가장 상위 경로로 '/' 을 정의하고 있고, 그 다음 경로로써 'post'를 설정했다.final router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) => const Homepage(), routes: [ GoRoute( path: 'post', pageBuilder: (context, state) => slideTransition(Deta..

TIL 2024.12.27

TIL - 영화 정보앱(1) < Go_router Transition 효과, Hero 1대다 매칭법>

## 해당 TIL은 주어진 과제를 수행하면서 얻은 학습 내용과, 시행착오 등등을 종합해서 작성한것임   Transition animations topic - Dart APITransition animations topic GoRouter allows you to customize the transition animation for each GoRoute. To configure a custom transition animation, provide a pageBuilder parameter to the GoRoute constructor: GoRoute( path: 'details', pageBuilder: (context,pub.dev 1. Go_router 에서 페이지 전환 애니메이션 사용법Slide페..

TIL 2024.12.24

안드로이드 배포파일 만들기

안드로이드 배포파일은 어디에 쓰이나?안드로이드 배포파일은 구글 플레이스토어에 어플리케이션을 올리기 위해서 필요하다. 서명할 파일 (JKS) 만들기JKS (JAVA KeyStore)는 자바에서 사용하는 키 저장소 파일로써, 주로 안드로이드 앱 배포 및 디지털 서명을 위해 사용된다.JKS 파일은 앱의 무결성을 보장하고, 앱이 신뢰할 수 있는 개발자에 의해 만들어졌다는 인증파일이라고 생각하면 된다. Mac 일 경우// Terminalkeytool -genkey -v -keystore upload-keystore.jks -keyalg RSA \ -keysize 2048 -validity 10000 -alias upload Window 일 경우// Terminalkeytool -genkey -v -k..

Flutter 2024.12.23

파이어베이스 애널리틱스

파이어베이스 애널리틱스(Analytics)란?  사용법 Google 애널리틱스 시작하기  |  Google Analytics for Firebase2024년 데모 데이에서 Firebase를 사용하여 AI 기반 앱을 빌드하고 실행하는 방법에 관한 데모를 시청하세요. 지금 시청하세요. 이 페이지는 Cloud Translation API를 통해 번역되었습니다. 의견 보내기 Goofirebase.google.com 애널리틱스 라이브러리 설치// Terminalflutter pub add firebase_analytics 이벤트 로그 코드작성어떠한 이벤트가 발생했을때 (ex> onTap), 파이어베이스에 이벤트 로그를 보낼 코드를 작성FirebaseAnalytics.instance.logEvent( name: ..

Flutter 2024.12.23

파이어베이스 크래시틱스

파이어베이스 크래시틱스(Crashlytics) 란? 사용법firebase cli 가 설치되어 있다는 전제하에 설명할것 이므로, 만약 설치가 안되어 있다면, 아래 포스팅 참고 실전예제6 - 블로그앱 만들기1. 위젯 구조화MaterialApp HomePage Scaffold AppBar title Column Text ListView Container x n개 floatingButton Icon DetailPage Scaffold AppBar action Icon x 2개 ListView Image Text x 4개 ..hamiric.tistory.com  파이어베이스 애널리틱스 활성화파이어베이스 프로젝트를 생성할때, 애널리틱스를 활성화 시켜주어야 크래시틱스 기능을 제공 받을 수 있다.  파이어베이스 - 어..

Flutter 2024.12.23

앱 이름, 앱 아이콘, 패키지명 바꾸기

앱 이름 바꾸기Androidandroid/app/src/main/AndroidManifest.xml 에서 바꿀 수 있다.안드로이드 앱명이 바뀐것을 확인하기 위해서는, 앱을 삭제후 다시 재설치 시켜야 한다! IOSios/Runner/Info.plist 에서 바꿀 수 있다.  앱 아이콘 바꾸기Androidandroid/app/src/main/res 내의 각각 OS 별 나눠진 폴더 내에서 바꿀 수 있다.MDPI (160 dpi): 48x48 pxHDPI (240 dpi): 72x72 pxXHDPI (320 dpi): 96x96 pxXXHDPI (480 dpi): 144x144 pxXXXHDPI (640 dpi): 192x192 px IOSios/Runner/Assets.xcassets/AppIcon.appic..

Flutter 2024.12.23

Isolate

플러터의 동작방식플러터는 기본적으로 단일 스레드로 동작하는 애플리케이션.즉, 플러터는 UI렌더링, 애니메이션, 이벤트 상호작용 등등의 모든 작업이 하나의 스레드에서 이루어진다. 플러터에서 일련의 작업들이 동시에 처리되는 것처럼 보이는 이유는 플러터의 이벤트 루프라는 작업방식과, UI를 계속적으로 업데이트 하는 렌더링 방식을 사용하기 때문이다. 이벤트 루프 (Event Loop) 와 이벤트 큐 (Event Queue)이벤트 루프와 이벤트 큐는 플러터에서 비동기 작업을 효율적으로 처리하고, 여러 작업이 동시에 실행되는 것처럼 보이게 만들기 위해 설계된 플러터의 특별한 기능이다.  이벤트가 발생하면, 이벤트 큐에 메시지 형태로 추가되고, 이벤트 큐에 들어간 작업들은 이벤트 루프가 순차적으로 처리할때 까지 대기..

Flutter 2024.12.23

StatefulWidget 라이프사이클

StatefulWidget 라이프 사이클 위젯 생성 단계createStateStatefulWidget이 처음 생성될 때 호출되어, State 객체를 생성하는 단계 initStateState 객체가 생성된 후 최초로(한번만) 호출하는 단계. 주로 초기화 작업을 수행하는데 사용된다.이때에는 위젯이 BuildContext나 위젯트리에 연결되지 않은 초기화 상태이므로 해당 관련 작업은 수행할 수 없다.  위젯 빌드 및 화면 갱신 단계didChangeDependenciesinitState 이후에 호출되며, InheritedWidget으로부터 참조한 데이터가 변경되었을때마다 다시 호출되는 단계.즉, 다른 위젯에서 해당 위젯에 영향을 미치는 작업이 발생했을때 호출되는 단계라고 이해하면 편하다. ** Inherited..

Flutter 2024.12.22