개발/Flutter 썸네일형 리스트형 냉장고 관리 앱 - 인더프리지 최근에 Flutter를 이용해 냉장고 관리 어플을 개발했다. 예쁜 음식 아이콘을 선택하여 냉장고 음식을 기록할 수 있어서 매력적인 어플이다. 메인화면에서 입력한 음식들을 어서 먹어야할 음식 순서대로 보여준다. 냉동실이나 냉장고를 눌러서 들어가면 상세히 볼 수 있다. 냉장고 화면 - 예쁜 아이콘들이 가득해서 음식 입력하는 재미가 있다. 아이콘에 없는 음식들은 사진을 업로드해서 입력 가능하다. 오른쪽 귀여운 딸기 버튼을 누르면 음식 아이콘들이 카테고리에 따라 보여진다. 이 앱의 특징 중 하나는 쇼핑목록을 작성한 후 구매버튼을 누르면 냉장고에 자동으로 입력이 된다는 것이다. 장보기 후 음식 관리를 편하게 연동할 수 있다. 음식의 유통기한을 등록하고 알림기한을 설정해놓으면 시간에 맞춰 미리 알려준다. 자주 깜박.. 더보기 Flutter 알림 설정 Flutter 에서 알림 기능을 지원하는 좋은 플러그인이 있다. pub.dev/packages/flutter_local_notifications flutter_local_notifications | Flutter Package A cross platform plugin for displaying and scheduling local notifications for Flutter applications with the ability to customise for each platform. pub.dev 우선 플러그인을 pubspec.yaml 파일에 추가한다. 현재는 5.0.0+1 버전이 최신 버전이다. flutter_local_notifications: ^5.0.0+1 현지 시간에 맞추기 위해서 flutt.. 더보기 Flutter Android/iOS 앱 이름 현지화 Flutter 에서 현지 언어로 앱 이름을 설정하는 일은 Android, iOS 네이티브 소스에서 진행해야 한다. 우선 비교적 간단한 안드로이드 먼저 변경해보자. 안드로이드 설정 android/app/src/main/res 에서 values-언어코드 형식으로 폴더를 만들어 준다. 아래는 영어(values-en), 일본어(values-ja), 한국어(values-ko)를 추가한 화면이다. 각각의 폴더 안에 strings.xml 파일을 만든다. 그리고 app_name 태그 안쪽에 언어 별로 앱 이름을 적어주면 된다. 기본적으로 포함되어 있는 values 폴더의 strings.xml 파일에도 동일하게 아래와 같이 넣어 두었다. inTheFridge android/app/src/main/AndroidManife.. 더보기 Flutter AdMob 광고 달기 앱에 AdMob 광고를 적용하는 일은 꽤나 복잡하다. 따라서 오늘은 적용한 내용들을 정리해 보고자 한다. AdMob Android/iOS 앱 추가 일단은 AdMob에 가입이 되어 있어야 한다. admob.google.com/intl/ko/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com AdMob에 가입하고 새로운 앱을 추가한다. 왼쪽의 앱을 선택하면 앱 추가 버튼이 보인다. 눌러보자. 그러면 app-abs.txt 를 추가해야 한다는 말이 나오면서 광고 단위를 추가할 수 있다. 광고 단위 만들기를 선택한다. 가볍게 배너 광고를 추가.. 더보기 Flutter Webview Flutter 앱에서 웹뷰 띄우기 개인정보 보호 페이지와 같은 화면을 링크하기 위해서는 웹뷰를 이용하는 것이 좋은데요. 플러그인을 이용해 쉽게 웹뷰를 띄울 수 있습니다. pub.dev/packages/webview_flutter webview_flutter | Flutter Package A Flutter plugin that provides a WebView widget on Android and iOS. pub.dev 우선 pubspec.yaml 파일에 플러그인을 추가합니다. webview_flutter: ^1.0.7 웹뷰를 보여줄 파일 하나를 생성하고 상단에 플러그인 링크를 연결합니다. import 'package:webview_flutter/webview_flutter.dart'; 구현은 아주 간.. 더보기 [Flutter 어플] 크리스천의 평범한 삶 (크평삶) 최근에 Flutter 와 PHP 를 이용해 만든 어플입니다. 한국어와 영어를 제공합니다. https://christian-life.xyz/support/?language=ko 크리스천의 평범한 삶 Contact Us 문의사항이 있으시면 언제든지 연락주세요. 확인 후 최대한 빠르게 연락드리겠습니다. Email : christianlifemanager@gmail.com christian-life.xyz 애플 스토어와 안드로이드 플레이 스토어에서 무료로 다운 받으실 수 있습니다. 애플 스토어: apps.apple.com/app/christians-ordinary-life/id1541923467 Christian's Ordinary Life Do you want to meditate and pray at a.. 더보기 Flutter 시작 with Visual Studio Code 최근에 컴퓨터를 포맷했더니 설치할 프로그램들이 산더미가 되었다. 가뿐한 마음으로 Flutter 설치 로그를 남겨 보고자 한다. 이 글은 맥 환경에서 비쥬얼 스튜디오 코드에서 진행된다. Flutter 를 시작하기 위해 아래의 과정들이 필요하다. 1. Flutter SDK 설치 2. VS Code 설치 3. Xcode 설치 (맥 전용, VS Code에서 iPhone 애뮬레이터를 사용할 수 있다.) 4. Android Studio 설치 (선택 가능. 설치 시, VS Code에서 안드로이드 애뮬레이터를 사용할 수 있다.) 5. flutter doctor 로 정상 설치 확인 6. Flutter 첫 어플 실행 1. Flutter SDK 설치 Flutter SDK는 플루터 공식 사이트에서 다운 받을 수 있다. flu.. 더보기 이전 1 다음
