Flutter 에서 Alarm 모듈 사용하기

일단 Alarm 이 안드로이드 와 아이폰 작동방식이 다르다. 양쪽 다 지원하려면 모듈을 사용해야 한다. 먼저 alarm 1.0.3 모듈이 보인다. 이를 적용하려고 보니 오류가 난다. 깃헙에 이슈 사항에 올렸는데 해결했는지 모르겠다. 좀 더 찾아보니 flutter_local_notification 13.0.0 이 나온다. 이 모듈이 좀 더 안정적이다. 샘플 코드가 너무 복잡해서 난해하다. 하나씩 해보니 되긴 된다. 사운드를 기본 음에서 변경할 때 매뉴얼 대로 했는데 되지 않는다. 채널 아이디를 테스트 할 때마다 변경하거나 앱을 삭제 한 후 해야 한다. 매뉴얼에 영어로 한줄 있었는데 간과해서 몇시간을 고통 속에 있었다.

Flutter 에서 confetti 사용할 때 Fatal signal 5 오류 조치 방법

이미지
Flutter 에서 Confetti 를 사용하면 축하 애니메이션을 만들기 쉽다. 안드로이드에서만 아래와 같은 오류가 난다. Confetti 를 play 하면 오류가 나는데 안드로이드에서만 난다. 아이폰과 웹에서는 오류가 나지 않는다. 관련 자료를 검색해도 나오지 않는데 이곳에서 이런 논쟁이 있었다. https://github.com/funwithflutter/flutter_confetti/issues/78 뭐 대충 보면 Flutter 버전을 올리면 되는거 같다. 현재 나의 Flutter 버전을 확인 해본 결과 이전 버전으로 나왔다. 비주얼 코드의 마켓 플레이스에서 설치했는데 이게 최신이 아닌가 보다. 일단 아래에서 권장 한대로 명령어를 실행해보았다. https://docs.flutter.dev/development/tools/sdk/upgrading $ flutter upgrade  현재 버전에서 더이상 할게 없다고 나온다. $ flutter channel 여러개가 나온다. 여기서 나는 main 으로 변경했다. $ flutter channel main $ flutter upgrade 업그레이드가 된다. 이후 실행해보니 오류가 나지 않는다.

모바일 앱 개발 언어 선정할때 검토사항

모바일 앱을 개발할 때 언어를 선택해야 하는 경우가 많습니다. 일단 저는 아이폰 개발을 시작으로 안드로이드로 확장된 경험을 가지고 있습니다. 아이폰은 Objective-C 부터 Swift 그리고 SwiftUI 까지 개발한 경험을 가지고 있습니다. 안드로이드는 Java 부터 Kotlin 그리고 Jetpack Compose 까지 개발한 경험을 가지고 있습니다. 아이폰으로 먼저 화면과 기능을 구현한 다음 안드로이드를 구현하는 방식으로 개발했습니다. 왜냐하면 아이폰이 저에게는 더 익숙한 환경이었거든요. 아무래도 조건이 더 까다로워서 이것부터 맞춘 다음 안드로이드 하면 더 쉬운 느낌이었으니까요. 이런 작업을 하다 보면 같은 작업을 반복한다는 생각이 많이 듭니다. 개발 도중 현타도 많이 옵니다. 이게 뭐하는 건지....., 그래서 시도한 방법은 KMM(Kotlin Multiplatform Mobile) 적용이었습니다. 이것도 굉장한 물건입니다. 공통 모듈로 뺄 수 있는 부분이 내부 데이터베이스와 API 호출 하는 모듈을 작성하였습니다. 이것만 되어도 굉장한 코딩 중복이 사라집니다. 큰 앱은 이방법을 사용하시면 됩니다. 각 디바이스 마다 적용해야 할 제약이 크다면 이정도만 해도 굉장한 중복제거 효과를 볼 수 있습니다. 만약 좀 더 나아가서 기획 쪽까지 틀 수 있는 정도면 Flutter 를 추천합니다. 저도 사실 예전에 Flutter 시도를 했었다 실패한 경험이 있습니다. 아직도 camera 부분이나 machine learning 부분 등이 버전이 1.0대가 아니어서 많이 느리지만 그래도 구현은 됩니다. Flutter 로 개발하면서 느낀 점은 아이폰과 안드로이드 설정은 똑같이 해야 한다는 점입니다. 그래들과 info.plist 등 설정이 필요합니다.

가비아 DNS 서비스 장애

이미지
  가비아 DNS 사용하고 있는데요. 서버 기록을 보니 저는 09:20이 마지막 접속 기록이네요. 다행이 복구는 되었습니다. 너무 오래 중단 되었는데 모바일 앱의 서비스를 여기에 연결 시켰는데... 다른 곳으로 이관을 검토해야 하나...,

Flutter 에서 카메라로 찍은 이미지 사진첩에 저장하고 가져오는 방법

이미지
Flutter 에서 카메라로 사진을 찍고 저장해서 가져올때 getApplicationDocumentDirectory 의 위치가 실행때마다 달라진다. 내가 찾은 방법은 이렇다. 사진을 Photo Library 에 저장하고 가져와서 사용하면 된다. 일단 저장하는 방법은 이렇다. 이제 가져올때 이런 방법으로 가져온다. 앨범을 가져오고 앨범의 이미지들을 리스트에 넣고 거기서 ID 값을 비교하면 된다. 이미지 표출은 이런 방식으로 한다. 테스트 해보니 잘된다.

Flutter 로 iOS 에 저장된 getApplicationDocumentDirectory 위치가 달라짐

Flutter 에서 iOS 기기의 앱 도큐먼트에 사진을 저장하고 있다. 이 사진 파일의 패스와 이름을 내부 데이터베이스에 저장하여  필요할 때마다 불러와서 사용하고 있다. 갱신이 필요하여 소스를 수정 하였는데 이전에 저장한 이미지가 전부 오류났다. 확인해보니 패스가 달라진 것이다. 이전에 저장한 패스는  /var/mobile/Containers/Data/Application/89AB9292-2F1F-4B9C-8EC7-2A45E08DBC2D/Documents 소스 수정 후 불러온 패스는 /var/mobile/Containers/Data/Application/76D29B57-B94C-4281-B948-677590233200/Documents 찾아보니 Bundle ID 같으면 패스가 같다고 하는데 다르게 나온다. 아무래도 다른 방법을 찾아야 할 거 같다.

chatGPT 를 활용하여 Flutter 에서 Animated Button 작성하는 방법

이미지
chatGPT 에서 아래와 같이 질문을 해보았다. 예제 코드가 위와 같이 나오면서 한글로 설명도 나옵니다. 코드의 품질도 우수합니다. class AnimatedButton extends StatefulWidget {   final String buttonText;   AnimatedButton({this.buttonText});   @override   _AnimatedButtonState createState() => _AnimatedButtonState(); } class _AnimatedButtonState extends State<AnimatedButton> {   double _buttonSize = 150.0;   @override   Widget build(BuildContext context) {     return GestureDetector(       onTap: () {         setState(() {           _buttonSize = 200.0;         });       },       child: AnimatedContainer(         duration: Duration(milliseconds: 300),         width: _buttonSize,         height: _buttonSize,         decoration: BoxDecoration(           color: Colors.blue,   ...