앱개발(102)
-
[064] 플러터 (Flutter) 배우기 - 푸시 알림을 탭하여 특정 페이지로 이동하기(flutter_local_notification)
안녕하세요~ totally 개발자입니다. flutter_local_notification 예전 포스팅인 https://totally-developer.tistory.com/88 여기에서 푸시 알림에 관해 간단하게 살펴보았습니다. 이번 포스팅에서는 푸시 알림을 받고 난 후 알림을 탭 했을 때, 앱이 열리고 특정 페이지로 가는 방법에 대해서 소개하고자 합니다. 먼저 위에 있는 푸시 알림 세팅은 미리 되어 있다고 가정할 것이니 세팅이 되지 않으신 분들은 위에 있는 링크로 가셔서 세팅을 먼저 마무리해주시기 바랍니다. Step 1: notification.dart 파일을 아래와 같이 작성합니다. 여기에서 중요한 부분은 아래 부분입니다. 주석에 설명을 달아 놓았습니다. 다만 제 테스트에 의하면 Foreground는..
2023.05.31 -
[063] 플러터 (Flutter) 배우기 - 포토뷰(photo_view)로 사진 확대, 축소 기능 위젯 만들기 & PageView.builder 사용
안녕하세요~ totally 개발자입니다. photo_view 어플을 개발하다보면 사진을 올리고 그 사진을 볼 수 있도록 탭해서 사진을 확대, 축소할 수 있는 기능이 필요한 경우가 있습니다. 그런 경우에 사용할 수 있는 패키지로 photo_view를 사용할 수 있습니다. 패키지 버전이 초기 버전이기는 하지만 간단하게 사용할 수 있기 때문에 활용해보면 좋습니다. 먼저 3장의 이미지를 준비해주셔야 합니다 (pixabay를 활용했습니다) Step 1: pubspec.yaml에 photo_view를 설치해주시고 flutter pub get 해줍니다. Step 2: 먼저 사진을 탭했을 때 보여주는 photoView.dart 파일을 하나 생성해주시고 코드를 작성해줍니다. 전체 코드는 맨 아래에 있으니 참고하시기 바랍..
2023.05.27 -
[062] 플러터 (Flutter) 배우기 - Firebase Cloud Messaging (FCM) 푸시 알림 (안드로이드) (Foreground, Background)
안녕하세요~ totally 개발자입니다. FCM (Firebase Cloud Messaging) 오늘 다뤄볼 부분은 FCM입니다. 이 파이어베이스 클라우드 메시징을 사용하면 앱이 켜 있는 Foreground나 앱이 종료되거나 앱을 종료하지는 않았으나 켜두지 않은 상태인 Background 형태에서 알림 메시지를 푸시하여 사용자에게 알림을 줄 수 있습니다. 이 FCM을 위해서는 파이어베이스가 필요하며 파이어베이스 연동 관련해서는 아래의 포스팅에서 설명을 드렸으니 참고하시기 바랍니다. https://totally-developer.tistory.com/112 [040] 플러터 (Flutter) 배우기 - Firebase(파이어베이스) 연동 안녕하세요~ totally 개발자입니다. Firebase & Flut..
2023.05.16 -
[061] 플러터 (Flutter) 배우기 - freezed 사용하기 2 (Union Types)
안녕하세요~ 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..
2023.05.09 -
[002] 플러터 (Flutter) Tip - 키보드 입력시 BottomNavigationBar을 자판 위에 위치시키는 방법, 밖의 화면 탭 했을 때 키보드 사라지게 하는 방법
안녕하세요~ totally 개발자입니다. 오늘은 제목 그대로 키보드 입력시에 bottomNavigationBar을 키보드 자판 위에 위치시킬 수 있게 하고 또 밖의 화면 탭하면 키보드 자판을 다시 사라지게 하는 방법에 대해서 공유합니다. Step 1: 아래처럼 controller, focusNode 변수를 선언합니다. Step 2: 아래처럼 GestureDetector와 Scaffold를 2번 추가해줍니다. Step 3: 다음처럼 구성해줍니다. Step 4: 테스트한 화면입니다.
2023.05.03 -
[060] 플러터 (Flutter) 배우기 - freezed 사용하기 1
안녕하세요~ totally 개발자입니다. 먼저 이 포스팅 보시기에 앞서 지난 059 포스팅의 immutable 객체에 대한 사전 이해가 필요하기 때문에 먼저 보고 이 포스팅을 보기를 권장합니다. https://totally-developer.tistory.com/136 [059] 플러터 (Flutter) 배우기 - immutable 객체 사용하기 안녕하세요~ totally 개발자입니다. immutable 이번 시간에는 플러터에 사용되는 Dart 강좌로 오늘은 immutable 객체에 대해서 살펴보도록 하겠습니다. immutable 말그대로 "불변의, 변경할 수 없는"이라는 totally-developer.tistory.com Freezed 이 포스팅에서는 freezed에 관해 살펴보도록 하겠습니다. 지난..
2023.04.28