모바일어플개발/Flutter Tips(20)
-
[008] 플러터 (Flutter) Tip - CocoaPods not installed or not in valid state 이슈 해결
안녕하세요~ totally 개발자입니다. 플러터 개발을 하시다보면 아래 에러가 종종 발생하는 것을 보신 적이 있을 겁니다. 저는 현재 M1 맥북과 VSCode를 사용하고 있습니다. 해결책은 아래와 같습니다. Step 1: flutter clean 명령어 입력 Step 2: flutter pub get 명령어 입력 Step 3: ios 이슈이니 ios 경로로 가셔서 pod install 명령어 입력 Step 4: 그리고 sudo gem install cocoapods 입력하시고 root 비밀번호(맥 비밀번호)를 입력하시면 됩니다. Step 5: run 실행해줍니다. 다만 여기에서 fn + F5로 디버그 모드로 실행했을 때 에러가 계속 나오는 경우가 있습니다. 이 때에는 터미널에서 flutter run --..
2023.08.05 -
[007] 플러터 (Flutter) Tip - Firebase Cloud Messaging (FCM) & flutter_local_notification 안드로이드 백그라운드에서 팝업 알림이 나오지 않을 때 해결 방안
안녕하세요~ totally 개발자입니다. 예전 포스팅(아래)에서 Firebase Cloud Messaging을 활용하여 푸시 알림을 하는 방법에 대해 알아보았습니다. https://totally-developer.tistory.com/149 [004] 플러터 (Flutter) Tip - Firebase Cloud Messaging (FCM) & flutter_local_notification 연동 및 알림, 알림 탭 했을 안녕하세요~ totally 개발자입니다. 이 포스팅은 제가 실제 플러터 앱 개발을 진행하며 파이어베이스 클라우드 메시징 (Firebase Cloud Messaging - 이하 FCM) 그리고 flutter_local_notification 패키지와의 연동 totally-developer..
2023.07.02 -
[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 -
[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 -
[003] 플러터 (Flutter) Tip - Scaffold, Appbar, Drawer, BottomNavigationBar, Routing (3페이지 구현 실습)
안녕하세요~ totally 개발자입니다. 아래처럼 Home, Search, Settings 페이지를 구성하고 Home이 아닌 Search와 Settings에서는 좌측 상단의 drawer 메뉴를 보이지 않게 하고 하단 메뉴의 아이콘을 클릭하면 각 페이지로 이동할 수 있는 간단한 실습을 해보도록 하겠습니다. Step 1: 시작하기에 앞서 구현 방법은 여러 가지로 꼭 해당 방법으로 구현하실 필요는 없으시고 라우팅 방법도 필자처럼 하실 수도 있고 Navigator.push, pop 등을 활용해서 하실 수도 있는 등 구현 상황에 따라 다르게 적용하셔야 함을 미리 말씀을 드립니다. 먼저 아래처럼 5개의 파일들을 구성합니다. Step 2: routeObserver를 구성을 해줍니다. 다만 이 실습에서는 이 overr..
2023.05.21