안녕하세요~ totally 개발자입니다. 이 포스팅은 제가 실제 플러터 앱 개발을 진행하며 파이어베이스 클라우드 메시징 (Firebase Cloud Messaging - 이하 FCM) 그리고 flutter_local_notification 패키지와의 연동 및 해당 기기에서의 알림 수신, 수신자가 알림을 탭 했을 때 특정 페이지로 이동하는 방법에 대해 Android, iOS 모두 그 방법에 대해 핵심적으로 요약하여 정리했습니다. 참고로 iOS의 APN 부분 등 기본 푸시 메시지 세팅 등은 여기에서 다루지 않고 FCM과 flutter_local_notification 부분만 다룹니다. 안드로이드를 위한 기본적인 내용은 여기에 정리해놓았으니 참고하시기 바랍니다. https://totally-developer...

안녕하세요~ 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 개발자입니다. 아래처럼 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..