안녕하세요~ totally 개발자입니다. flutter_local_notification 예전 포스팅인 https://totally-developer.tistory.com/88 여기에서 푸시 알림에 관해 간단하게 살펴보았습니다. 이번 포스팅에서는 푸시 알림을 받고 난 후 알림을 탭 했을 때, 앱이 열리고 특정 페이지로 가는 방법에 대해서 소개하고자 합니다. 먼저 위에 있는 푸시 알림 세팅은 미리 되어 있다고 가정할 것이니 세팅이 되지 않으신 분들은 위에 있는 링크로 가셔서 세팅을 먼저 마무리해주시기 바랍니다. Step 1: notification.dart 파일을 아래와 같이 작성합니다. 여기에서 중요한 부분은 아래 부분입니다. 주석에 설명을 달아 놓았습니다. 다만 제 테스트에 의하면 Foreground는..

안녕하세요~ totally 개발자입니다. photo_view 어플을 개발하다보면 사진을 올리고 그 사진을 볼 수 있도록 탭해서 사진을 확대, 축소할 수 있는 기능이 필요한 경우가 있습니다. 그런 경우에 사용할 수 있는 패키지로 photo_view를 사용할 수 있습니다. 패키지 버전이 초기 버전이기는 하지만 간단하게 사용할 수 있기 때문에 활용해보면 좋습니다. 먼저 3장의 이미지를 준비해주셔야 합니다 (pixabay를 활용했습니다) Step 1: pubspec.yaml에 photo_view를 설치해주시고 flutter pub get 해줍니다. Step 2: 먼저 사진을 탭했을 때 보여주는 photoView.dart 파일을 하나 생성해주시고 코드를 작성해줍니다. 전체 코드는 맨 아래에 있으니 참고하시기 바랍..

안녕하세요~ totally 개발자입니다. Google Analytics 4 이벤트 설치 + 탐색 보고서 + 맞춤 측정 기준 적용 이 포스팅에서는 이벤트 설치 및 탐색 보고서에 대해 살펴보도록 하겠습니다. 이벤트는 사용자의 행동 등을 파악하기 위한 목적으로 사용되며 버튼 클릭, 페이지 조회 등 여러 가지가 있고 맞춤 이벤트로도 만들 수 있습니다. 탐색 도구는 표준 보고서 외에 고객 행동에 대해 더 자세하고 유용한 정보를 제공하는 보고서입니다. 자세한 정보는 아래 링크에서 참고하시기 바라며 실습을 통해 간단한 보고서를 만들어보도록 하겠습니다. https://support.google.com/analytics/answer/7579450?hl=ko [GA4] 탐색 분석 시작하기 - 애널리틱스 고객센터 도움이 되..

안녕하세요~ totally 개발자입니다. 아래처럼 Home, Search, Settings 페이지를 구성하고 Home이 아닌 Search와 Settings에서는 좌측 상단의 drawer 메뉴를 보이지 않게 하고 하단 메뉴의 아이콘을 클릭하면 각 페이지로 이동할 수 있는 간단한 실습을 해보도록 하겠습니다. Step 1: 시작하기에 앞서 구현 방법은 여러 가지로 꼭 해당 방법으로 구현하실 필요는 없으시고 라우팅 방법도 필자처럼 하실 수도 있고 Navigator.push, pop 등을 활용해서 하실 수도 있는 등 구현 상황에 따라 다르게 적용하셔야 함을 미리 말씀을 드립니다. 먼저 아래처럼 5개의 파일들을 구성합니다. Step 2: routeObserver를 구성을 해줍니다. 다만 이 실습에서는 이 overr..

안녕하세요~ totally 개발자입니다. FCM (Firebase Cloud Messaging) 오늘 다뤄볼 부분은 FCM입니다. 이 파이어베이스 클라우드 메시징을 사용하면 앱이 켜 있는 Foreground나 앱이 종료되거나 앱을 종료하지는 않았으나 켜두지 않은 상태인 Background 형태에서 알림 메시지를 푸시하여 사용자에게 알림을 줄 수 있습니다. 이 FCM을 위해서는 파이어베이스가 필요하며 파이어베이스 연동 관련해서는 아래의 포스팅에서 설명을 드렸으니 참고하시기 바랍니다. https://totally-developer.tistory.com/112 [040] 플러터 (Flutter) 배우기 - Firebase(파이어베이스) 연동 안녕하세요~ totally 개발자입니다. Firebase & Flut..

안녕하세요~ totally 개발자입니다. Freezed 오늘은 지난 번에 이어서 Freezed를 살펴보도록 하겠습니다. 지난 freezed 1편을 먼저 보시고 이 포스팅을 보시는 것이 좋습니다. https://totally-developer.tistory.com/139 [060] 플러터 (Flutter) 배우기 - freezed 사용하기 1 안녕하세요~ totally 개발자입니다. 먼저 이 포스팅 보시기에 앞서 지난 059 포스팅의 immutable 객체에 대한 사전 이해가 필요하기 때문에 먼저 보고 이 포스팅을 보기를 권장합니다. https://totally-devel totally-developer.tistory.com Union Types 이 Freezed에는 여러 기능이 존재하지만 그 중에서도 U..