hamiric 님의 블로그

Go_router를 보다 고급스럽게 사용하는 방법에 대해 알아보자다음은 Go_router 에서 제공하는 고급 옵션들이다.GoRouter( navigatorKey: navigatorKey, routes: router, initialLocation: '/splash', refreshListenable: //provider, observers: [GoRouterObserver(analyticsProvider: analytics_provider)], redirect: //redirectLogic,); 각각 살펴보자 1. NavigatorKey전역 네비게이션 키를 설정하는 옵션이다.앱의 어느 곳에서나 네비게이션을 제어할 수 있게 해준다.일반적으로 main.dart에 전역으로 nav..

json_serializable | Dart packageAutomatically generate code for converting to and from JSON by annotating Dart classes.pub.dev 프로젝트가 커질수록, 각 모델 클래스에서 JSON 직렬화 및 역직렬화 코드를 작성하는 데 드는 시간이 많아진다. 특히, 필드가 많고 JSON 구조가 복잡한 경우 코드가 길어지기 때문에 유지보수가 힘들어질 수 있다. json_serializable은 이를 자동화하여 코드를 간결하고 일관성 있게 유지할 수 있게 해주는 역할을 한다. 간단한 모델로 예시를 들어보자.class ItemModel { String title; String description; ItemModel({ ..

플러터의 게임엔진 Flame 으로 간단한 게임을 만들어 보자. flame | Flutter packageA minimalist Flutter game engine, provides a nice set of somewhat independent modules you can choose from.pub.dev 1. Preparation — FlameBefore you begin any kind of game project, you need an idea of what you want to make and I like to then give it a name. For this tutorial and game, Ember will be on a quest to gather as many (GitHub) sta..

Live Server 란?Live Server는 로컬 서버를 실행하고, HTML 파일을 브라우저에서 실시간으로 미리보게 해주는 VsCode의 확장 프로그램이다. Live Server는 로컬 서버를 실행하여 HTML, CSS, JavaScript 등의 동적 파일을 로드함. 이 방식은 실제 서버 환경과 유사하게 동작하게끔 하며, 드 수정 후 자동으로 새로 고침되기 때문에, 수정한 내용을 즉시 확인할 수 있어. index.html 파일 수정 후 매번 브라우저를 새로 고침할 필요가 없다. 또한 JavaScript로 만든 동적 페이지나 AJAX 요청, CORS와 관련된 문제들이 서버 환경에서 해결되므로, 더 복잡한 웹 기능을 테스트하고 실행할 수 있다.. 고 한다. 1. Live Server 설치법VsCode의 ..

다음은 오디오 플레이어 관련 앱을 만들기 위해 찾아보고 있는 플러터 라이브러리들이다.그냥 레퍼런스를 찾는겸, 기록용으로 정리중 https://pub.dev/packages/flutter_card_swiperhttps://pub.dev/packages/flutter_slider_drawerhttps://pub.dev/packages/audio_servicehttps://pub.dev/packages/loading_indicatorhttps://pub.dev/packages/animated_toggle_switchhttps://pub.dev/packages/auto_animatedhttps://pub.dev/packages/auto_size_texthttps://pub.dev/packages/flutter_..

Spotify스포티파이는 수많은 곡을 광고 없이 감상할 수 있는 디지털 음악 서비스 플랫폼이다. Spotify Premium - Spotify (KR)Spotify Premium은 수많은 곡을 광고 없이 감상할 수 있는 디지털 음악 서비스입니다.www.spotify.com 이번 포스팅에서는 스포티파이에서 제공하는 것들중, 플러터 앱 개발에 유용할만한Spotify 라이브러리와 Spotify SDK 라이브러리에 대해 알아보고자 한다. Spotify for Developer스포티파이 관련 api나 라이브러리를 이용하기 위해서는 스포티파이 개발자 페이지에서 Clinet ID 를 받아와야 한다.계정을 만드는 방법이라던가, 앱을 등록하는것은 여기서는 생략하도록 하겠다. spotify-for-developers de..

Flutter 로컬 데이터베이스Flutter에서 로컬 데이터베이스를 사용할 때 주로 사용하는 옵션들은 몇 가지가 있습니다. 각 데이터베이스는 저장해야 할 데이터의 종류와 규모에 따라 선택할 수 있습니다. 아래는 Flutter에서 주conding-note.tistory.com 채팅관련 개발을 하던 와중, 데이터를 불러들이는데 사용되는 로딩 시간을 줄일 수 있을지에 대한 고민을 하다가 알아낸 것이다. 카카오톡 같은 채팅앱들은 내부 DB을 운용하여, 일부 최근 채팅, 프로필 사진등등의 정보들은 내부 DB에 저장하여 사용한다는 것을 알게 되었다. 해당 방식은 DB로 network로 이미지를 실시간으로 불러들이는 방법보다 더 빠르게 로딩이 가능하다는 점에서 매우 좋은 방식이라고 생각한다. 다음은 로컬 데이터베이스..

안드로이드 배포파일은 어디에 쓰이나?안드로이드 배포파일은 구글 플레이스토어에 어플리케이션을 올리기 위해서 필요하다. 서명할 파일 (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..

파이어베이스 애널리틱스(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: ..

파이어베이스 크래시틱스(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  파이어베이스 애널리틱스 활성화파이어베이스 프로젝트를 생성할때, 애널리틱스를 활성화 시켜주어야 크래시틱스 기능을 제공 받을 수 있다.  파이어베이스 - 어..