크로스플랫폼(102)
-
[066] 플러터 (Flutter) 배우기 - Dart Mixin 이해 및 활용
안녕하세요~ totally 개발자입니다. Dart Mixin, with 이해 이 포스팅에서는 Dart의 Mixin과 with를 사용하는 방법에 대해 살펴보도록 하겠습니다. Mixin은 "여러 클래스 계층에서 코드 정의한 부분을 재사용하기 위한 방법 중 하나이다" 공식문서에 표현되어 있습니다. 영어로는 Mixins are a way of defining code that can be reused in multiple class hierarchies. 이렇게 표현되어 있습니다. 아래 공식 문서를 참고하시기 바랍니다. https://dart.dev/language/mixins Mixins Learn how to add to features to a class in Dart. dart.dev 플러터는 다트(Da..
2023.06.18 -
[006] 플러터 (Flutter) Tip - 포토뷰(photo_view) 사진 저장 기능 구현하기 (갤러리 앨범에 저장하기)
안녕하세요~ totally 개발자입니다. 보통 포토뷰를 볼 때 사진을 저장해야 하는 기능을 제공하는 경우가 많습니다. 이번 포스팅에서는 갤러리 앨범에 바로 다운로드가 될 수 있도록 실습해보도록 하겠습니다. 오늘 이 포스팅은 tip이기 때문에 별도 설명은 없으며 아래 포스팅을 기반으로 하기 때문에 아래 포스팅을 먼저 진행하셔야 합니다. https://totally-developer.tistory.com/147 [063] 플러터 (Flutter) 배우기 - 포토뷰(photo_view)로 사진 확대, 축소 기능 위젯 만들기 & PageView.builder 안녕하세요~ totally 개발자입니다. photo_view 어플을 개발하다보면 사진을 올리고 그 사진을 볼 수 있도록 탭해서 사진을 확대, 축소할 수 있..
2023.06.10 -
[005] 플러터 (Flutter) Tip - 앱에 있는 텍스트 복사 기능 구현 방법(범위 복사, 클립보드 복사)
안녕하세요~ totally 개발자입니다. 텍스트 복사 텍스트 복사할 때에는 보통 쭉 탭하여 범위를 지정하여 복사하는 방법과 아이콘 등을 클릭하여 클립보드로 해당 내용 전체를 복사하는 경우가 많습니다. 빠르게 살펴보도록 하겠습니다. 1) 범위 지정 복사 위에 있는 SelectableText 위젯 사용하시면 바로 사용 가능하며 기본 material.dart에 있는 것을 활용하기 때문에 패키지를 설치할 필요가 없습니다. 아래와 같이 일반 텍스트(Text) 위젯처럼 여러 가지 parameter를 부여할 수 있습니다. 2) 클립보드 복사 클립보드 복사도 별도 패키지 설치가 필요 없고 import 'flutter/services.dart'; 이것을 먼저 해주시면 됩니다. 여기 위에서 중요한 부분은 보통 내용 등은 ..
2023.06.07 -
[065] 플러터 (Flutter) 배우기 - 다른 앱에서 공유한 파일, URL 받아오기 (receive_sharing_intent 사용)
안녕하세요~ totally 개발자입니다. receive_sharing_intent 다른 앱 및 웹에서 파일 및 URL를 가져오는 경우에 receive_sharing_intent 패키지를 사용하여 구현할 수 있습니다. Step 1: pubspec.yaml에 receive_sharing_intent 패키지를 추가합니다. 현재 기준으로 최신 버전은 1.4.5입니다. Step 2: 안드로이드는 AndroidManifest.xml로 ios는 info.plist로 가셔서 아래 해당 부분을 넣어줍니다. [안드로이드] New -> Target을 선택합니다. (안드로이드 구현하시는 분은 Step 9로 가셔서 진행하시면 됩니다.) Step 4: Share Extension을 선택하신 뒤 Next를 클릭합니다. 그 후 pr..
2023.06.06 -
[004] 플러터 (Flutter) Tip - Firebase Cloud Messaging (FCM) & flutter_local_notification 연동 및 알림, 알림 탭 했을 때 페이지 이동 시키기 (Android & iOS)
안녕하세요~ totally 개발자입니다. 이 포스팅은 제가 실제 플러터 앱 개발을 진행하며 파이어베이스 클라우드 메시징 (Firebase Cloud Messaging - 이하 FCM) 그리고 flutter_local_notification 패키지와의 연동 및 해당 기기에서의 알림 수신, 수신자가 알림을 탭 했을 때 특정 페이지로 이동하는 방법에 대해 Android, iOS 모두 그 방법에 대해 핵심적으로 요약하여 정리했습니다. 참고로 iOS의 APN 부분 등 기본 푸시 메시지 세팅 등은 여기에서 다루지 않고 FCM과 flutter_local_notification 부분만 다룹니다. 안드로이드를 위한 기본적인 내용은 여기에 정리해놓았으니 참고하시기 바랍니다. https://totally-developer...
2023.06.04 -
[064] 플러터 (Flutter) 배우기 - 푸시 알림을 탭하여 특정 페이지로 이동하기(flutter_local_notification)
안녕하세요~ totally 개발자입니다. flutter_local_notification 예전 포스팅인 https://totally-developer.tistory.com/88 여기에서 푸시 알림에 관해 간단하게 살펴보았습니다. 이번 포스팅에서는 푸시 알림을 받고 난 후 알림을 탭 했을 때, 앱이 열리고 특정 페이지로 가는 방법에 대해서 소개하고자 합니다. 먼저 위에 있는 푸시 알림 세팅은 미리 되어 있다고 가정할 것이니 세팅이 되지 않으신 분들은 위에 있는 링크로 가셔서 세팅을 먼저 마무리해주시기 바랍니다. Step 1: notification.dart 파일을 아래와 같이 작성합니다. 여기에서 중요한 부분은 아래 부분입니다. 주석에 설명을 달아 놓았습니다. 다만 제 테스트에 의하면 Foreground는..
2023.05.31