혼자서 앱 만드는 개발자 함께하는 AI 세상

채팅을 작성하거나 사용자에게 알람을 보낼때 firebase를 통해 메세지를 전송한다. 최근에 메세징 서비스는 설정만으로 보낼수있게 되어있다. 아래처럼 프로젝트 설정에 들어가서 api관리에 들어가면 아래 화면을 볼수있다. 저는 설정을 해서 관리라고 문구가 뜨는데 처음 들어가면 신규로 뜬다. 그럼 그걸 클릭한다. 아래 서버키를 자신의 서버에 코딩에서 등록하면 메세지를 보낼수 있다. 저의 경우 php서버에서 보내기 때문에 아래 코드를 적용했다.

앱을 사용하다보면 주로 다크테마를 쓰게되는데 아무래도 눈의 피로가 덜한것같다. 그래도 플러터 전체적으로 dart 테마를 적용하는 방법을 찾아서 적용했다. 적용을 위해 설정페이지를 이용하기로 했다. prefs -> SharedPreferences 를 참조해서 저장하고 가져온다. main.dart 페이지에 적용한모습 main.dart에 그냥 클래스를 추가하기로 했다. 아래처럼 필요한걸 넣어서 만들었다 const Color customMagenta50 = Color(0xfffcd5ce); const Color customMagenta100 = Color(0xfffaac9d); const Color customMagenta300 = Color(0xfff8836c); const Color customMagenta..

로컬 정보를 저장하기위해 sqlite 를 이용해서 데이터를 저장하고 저장된 sqlite 파일은 필요시 백업해서 폰을 옴기거나 할때 파일로 옴길수 있도록 할려면 파일읽기쓰기 권한을 넣어야한다. 그러기 위해 관련 패키지를 가져온다. https://pub.dev/packages/permission_handler permission_handler | Flutter Package Permission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions. pub.dev 아래처럼 import 해주고 import 'package:permission_handler/permissi..

설정화면은 앱개발에 있어서 거의 필수 적용해야 하는 페이지다 커뮤니티 앱을 만들 계획이라 따라서 항목들은 프로필 설정 및 공개 설정 알람받기등 공개정보와 링크페이지 공지사항과 카카오톡 문의 공개 하지 않으면 앱을 서버에 저장하지 않기 때문에 데이터를 백업하거나 복구 할 수 있는기능을 설정페이지에 추가 하고 로그아웃 및 로그인 기능을 설정페이지에 적용했다. 설정페이지가 끝나면 하나씩 기능구현 할 예정이다.. 아래 최종 적용 페이지 이다. 적용 패키지 apache2.0 라이센스 https://pub.dev/packages/settings_ui settings_ui | Flutter Package Create native settings for Flutter app in minutes. Use single i..

펫버틀러 팻다이어리를 추가하고 메인화면에 일정관리와 다이어리 작성시 볼 수 있도록 수정해 보았다. 관련 패키지를 추가하고 플러터에서 유명한 Table_Calendar 를 사용해보고 한글 설정 해보았다. https://github.com/aleksanderwozniak/table_calendar GitHub - aleksanderwozniak/table_calendar: Highly customizable, feature-packed calendar widget for Flutter Highly customizable, feature-packed calendar widget for Flutter - GitHub - aleksanderwozniak/table_calendar: Highly customizab..

동영상 플레이를 하기 위해서 기본 패키지를 적용했다. 다른패키지는 패키지 dependencies 때문에 적용에 실패했다. 섬네일 관련 video_thumbnail 적용해서 사용 했다. dependencies video_player: ^2.4.10 video_thumbnail: ^0.5.3 섬네일 관련 소스 VideoThumbnail.thumbnailFile 부분으통해 섬네일을 만들고 byte 형태로 받아서 테이블 컬럼 BLOB타입으로 등록하여 화면에 뿌린다. if (response.statusCode == 200) { // 업로드 후 메모 테이블에 등록 setState(() async { isLoading = false; final thumbnailPath = await VideoThumbnail.thu..

서베에 동영상올리고 프로그래스 바(prograss bar) 를 통해 업로드 상태를 확인해야한다. 우선 서버 업로드시 진행상황을 알 수 있는 로직을 넣어야한다. 아래 두개의 dependencies 로 적용했다. dio 패키지는 http 패키지를 이용해서 좀더 편하게 post / get 서버 데이터를 받아 오는데 dependencies: dio: ^4.0.6 flutter_easyloading: ^3.0.5 dio 패키를 이용해서 우선 OnSendPrograss 통해 업로드 진행상황을 받아 온다. Future uploadFileServer(File image) async { String fileName = DateTime.now().millisecondsSinceEpoch.toString(); String ..

어제 로그인시 토큰 처리에 대한 개발 후 테스트한 데이터 서버 테이블에 잘 들어가는 지 확인해봤다. 주로사용하는 mysql 툴인 HeidiSQL 툴을 이용해서 토큰데이터가 사용자 테이블에 잘들어가는 확인 해보았다. 토근데이터는 이후에 사용자가 강아지프로필정보를 넣을때 사용차 체크할때 쓸 수 있고 다양하게 처리 할 수 있다. 그리고 메모장에 이미지 업로드 처리를 위한 picker를 호출하여야 한다. 거기에 쓰이는 컨퍼넌트를 추가 할 수 있다. https://pub.dev/packages/image_picker image_picker | Flutter Package Flutter plugin for selecting images from the Android and iOS image library, and ..

구글로그인 이후 서버와 연동을 위해 기본 사용자 id 정보를 서버에 넘겨줘서 다른 컨텐츠와 여기선 강아지 프로필 적용에 이용해야 한다. 사용자가 강아지 프로필을 등록할때 사용자 id 정보가 필요하다. 그리고 사용자는 로그인시 구글 메세지 토큰정보를 서버에 보관하여 알람처리를 할수있다. 아래 코드는 플러터에서 서버로 데이터를 전송하는 부분이다. void addServerUser(User? firebaseUser, googleAuth) { if (firebaseUser != null) { User? currentUser = firebaseUser; var email = currentUser.email.toString(); var postData = { 'user_id': currentUser.uid, 'pa..

프로필등록하고 강아지 여러마리 키우는 주인의경우 어떻게 표현하는것이 인식성이 좋을지 고민하다. 선택하게되었다. 일단 아래 링크를 통해 적용된 소스를 가져올수있다. https://pub.dev/packages/carousel_slider carousel_slider | Flutter Package A carousel slider widget, support infinite scroll and custom child widget. pub.dev 아래 적용된 화면이다. CarouselSlider 를 적용할때 아래 현재위치를 표시하는 부분을 다로 처리 하는것을 알수있다. 별도 위젯으로 만들어서 처리하기로했다. 데이터는 json 리스트를 염두해서 리스트로가져와서 처리하는 부분을 수정했다. int _current ..