가을기 Workspace

ad_helper.dart 전면광고를 관리할 InterstitialAd를 추가한다. InterstitialAd? _interstitialAd; 전면 광고를 불러오는 방법이 최신 버젼에서 바뀐듯 하다. 영상과 많이 다르다. void loadInterstitial() async { InterstitialAd.load( adUnitId: _getInterstitialAdUnitId(), request: AdRequest(), adLoadCallback: InterstitialAdLoadCallback( onAdLoaded: (InterstitialAd ad) { this._interstitialAd = ad; }, onAdFailedToLoad: (LoadAdError error) { // nothing to..

앱에 애드몹 패키지를 추가하자. pubspec.yml dependencies: flutter: sdk: flutter google_mobile_ads: ^0.13.0 sqflite: ^2.0.0+3 path: ^1.7.0 google mobile_ads를 추가한다. Android android/app/src/main/AndroidManifest.xml 앱에서 admob광고를 보여주려면 manifest에서 admob app id를 입력해야한다. 끝자락에 위와같이 넣어주자. android/build.gradle buildscript { ext.kotlin_version = '1.3.50' repositories { google() jcenter() } dependencies { classpath 'com.a..

광고는 수익화의 꽃. 주로 구글의 애드네트워크 admob을 활용해 광고 수익을 만든다. 종류 배너광고 (Banner): 일반적인 배너 광고. 텍스트/이미지/동영상 지원. 일정 시간이 지나면 광고가 자동으로 갱신된다. 상당, 하단 등 앱 컨텐츠 특정 영역에 표시한다. 전면광고 (Interstitial): 화면 전체를 덮는 광고. 항상 표시하지 않고, 앱 화면이 전환되는 시점에 표시. 좋은 AdX (광고 경험)을 위해서는 적절한 빈도 설정이 필요하다. 보상형 (Rewarded): 광고를 보면 보상을 주는 포맷. 전체화면으로 광고가 표시된다. 유료아이템 홍보를 위해 사용할 수 있다. 네이티브 (Native): 배너광고가 고정된 크기를 가진데 반해, 네이티브 광고는 앱 내 컨텐츠에 맞게 광고의 크기, 색상, 글..

data/note_manger.dart 를 데이터베이스를 쓰는 코드로 싹 다 바꾼다. import 'dart:ui'; import 'package:path/path.dart'; import 'package:sqflite/sqflite.dart'; import 'note.dart'; class NoteManager { static const _databaseName = 'notes.db'; static const _databaseVersion = 1; Database? _database; List _notes = []; Future addNote(Note note) async { Database db = await _getDatabase(); db.insert(Note.tableName, note.toRo..

현 상황에서 문제점은 앱을 껏다 켤 경우에 저장한 노트 내용이 모두 삭제된다. 데이터베이스 기능을 사용해야한다. SQLite를 사용하자. sqflite 설치 pub.dev에 들어가보자 sqflite 를 검색해보면 상단에 뜬다. 들어가보면, 사용가능한 플랫폼, 설치 방법 등을 확인할 수 있다. 그래서 설치 어떻게 하냐. pubspec.yml dependencies: flutter: sdk: flutter sqflite: ^2.0.0+3 path: ^1.7.0 sqflite, path를 위와 같이 입력했다면 안드로이드 스튜디오 상단에 pub get을 클릭하자. 데이터베이스를 위해 노트에 id 추가 data/node.dart 노트에 id 추가 class Note { late int id; late String..

편집기능을 구현하기 위해 인자로 받은 노트정보를 화면에 반영해야한다. NotePageArgs args = ModalRoute.of(context)!.settings.arguments as NotePageArgs; Note note = args.note; page/note_edit_page.dart import 'dart:developer'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:sticky_notes/data/note.dart'; import 'package:sticky_notes/page/note_page_args.dart'; import 'package:sticky_..

note_list_page.dart 에서 floatingActionButton 추가한다. 그리고 buildCards 변경. import 'package:flutter/material.dart'; import 'package:sticky_notes/data/note.dart'; import 'package:sticky_notes/page/note_edit_page.dart'; import 'package:sticky_notes/providers.dart'; class NoteListPage extends StatefulWidget { static const rootName = '/'; @override State createState() => _NoteListPageState(); } class _Note..

플러터에서 화면을 이동하는 방법. 각 화면에 라우팅을 붙이고, 이를 사용해 원하는 화면으로 이동한다. 경로는 항상 '/'로 시작한다. note_list_page.dart class NoteListPage extends StatefulWidget { static const rootName = '/'; @override State createState() => _NoteListPageState(); } note_edit_page.dart class NoteEditPage extends StatefulWidget { static const rootName = '/edit'; @override State createState() => _NoteEditPageState(); } MyApp에는 initialRout..