본문 바로가기

고라우터3

[플러터, 애널리틱스] flutter로 만든 안드로이드 앱 analytics 연결하기 애널리틱스는 안드로이드나 iOS 앱을 만들고 유저들이 어떤 행동을 하는지 알 수 있게 하여 앱을 더 발전 시킬 수 있게 해주는 서비스 입니다. 이 애널리틱스(analytics)를 이용하면 사용자들이 어떤 부분을 많이 이용하고 어떤 기능을 잘 쓰지 않는지 파악 할 수 있어 앱 개발에 집중할 부분을 파악할 수 있게 해주는 유용한 서비스 입니다. 이번에는 플러터(Flutter)를 이용해서 파이어베이스 애널리틱스를 연결하고 사용하는 법을 간단하게 살펴 보겠습니다. 목차 1. go_router(고라우터)와 애널리틱스(analytics) 연결하기: FirebaseAnalyticsObserver 2. 유저가 버튼을 누르면 어떤 버튼 눌러는지 알아보기: logEvent 사용전 main.dart 기본 설정하기 애널리틱스.. 플러터관련 정보/파이어 베이스(플러터) 2023. 10. 15.
[Flutter] - go_router로 오브젝트(Object) 전달하기 저는 화면을 이동할 때 플러터의 패키지인 go_router를 사용합니다. 그냥 문자열 같은 건 :id 이런 형태로 사용하는데 문제는 문자열이 아닌 의존성 주입을 해야 될 때 오브젝트, 인스턴스를 전달할 필요가 있을 때도 있다는 점입니다. 지금부터 go_router를 이용해 화면 전환 시 오브젝트를 전달하는 법을 알아보겠습니다. Memo memo = state.extra as Memo를 쓰자 아래 예시 코드와 같이 state.extra를 통해 오브젝트를 넘겨주면 됩니다. GoRoute( name: "edit", path: "/edit", builder: (context, state) { Memo memo = state.extra as Memo; return EditScreen(memo: memo); }) .. 플러터관련 정보/플러터-안드로이드 개발 2023. 3. 30.
[Flutter] - go_router로 화면 이동 구현하기 (로그인 가드 구현 포함) go_router는 페이지 이동을 위한 플러터 패키지 고라우터(go_router)는 플러터(flutter)의 화면 전환을 위한 패키지 입니다. 예를 들어 초기 화면에서 어떤 버튼을 누르면 글쓰기 페이지로 이동하는 기능을 구현하기 위해 쓰는 패키지 입니다. 쉽게 설명하면 HTML의 링크(a태그)의 기능을 구현하는 것입니다. 아래 공식 문서의 설명에도 나와 있듯이 url 기반으로 화면의 주소를 지정하고 버튼에 경로를 입력하여 해당 되는 화면으로 전환됩니다. 또한 로그인이 안되어 있으면 다른 화면에 접근할 수 없도록 하는 beamer로 치면 가드 기능인 redirect 기능도 함께 알아보도록 하겠습니다. 공식문서의 설명 A declarative routing package for Flutter that use.. 플러터관련 정보/플러터-안드로이드 개발 2023. 3. 23.