{"id":340,"date":"2021-01-05T09:03:16","date_gmt":"2021-01-05T09:03:16","guid":{"rendered":"http:\/\/www.kowanas.com\/coding\/?p=340"},"modified":"2021-01-05T12:49:51","modified_gmt":"2021-01-05T12:49:51","slug":"%ec%95%a0%eb%93%9c%eb%aa%b9-%ea%b4%91%ea%b3%a0","status":"publish","type":"post","link":"https:\/\/www.kowanas.com\/coding\/2021\/01\/05\/%ec%95%a0%eb%93%9c%eb%aa%b9-%ea%b4%91%ea%b3%a0\/","title":{"rendered":"\ub9ac\uc5bc Flutter #10 \uc560\ub4dc\ubab9 \uad11\uace0 \ucd94\uac00\ud558\uae30"},"content":{"rendered":"\n

Flutter App\uc744 Play Store\uc5d0 \ub4f1\ub85d<\/a>\ud558\uc600\uc73c\ub2c8 \uc774\uc81c \uc560\ub4dc\ubab9 \uad11\uace0 \ucd94\uac00\ub97c \ud574\ubcfc\uaca0\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

\uc560\ub4dc\ubab9 \uad11\uace0 \ucd94\uac00\ud558\uae30 \uae00<\/a>\uc5d0 \uc801\uc740\ub300\ub85c \uad11\uace0 \ub2e8\uc704\ub97c \ucd94\uac00\ud588\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

\ud574\ub2f9 \uad11\uace0 \ub2e8\uc704\ub97c idea note \uc571\uc5d0 \ub4f1\ub85d\ud558\ub294 \uac83\uc744 \uc9c4\ud589\ud558\uaca0\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

\uba3c\uc800 \uc560\ub4dc\ubab9 \uad11\uace0 \ucd94\uac00\ub294 Platform\uc640 \uc5f0\uad00\uc774 \uc788\uc73c\ubbc0\ub85c \uc774\ubc88 \uae00\uc740 Android\uc5d0 \ub300\ud574\uc11c \ud55c\uc815\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

iOS\ub294 \ubcc4\ub3c4\uc758 iOS \uc5d0 \ub300\ud55c \uae00\uc5d0\uc11c \ub098\uc911\uc5d0 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\uc544\uc9c1 \uc548\ud574\ubd10\uc11c \ud574\ubcf4\uace0 \uae00\uc744 \uc791\uc131\ud560 \uc608\uc815\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n

\uc124\uba85\uacfc \ud568\uaed8 \uad6c\ud604\ud558\ub294 \ucf54\ub4dc\ub294 github repository<\/a>\uc5d0 \uc788\uace0 \ubcf8 \uae00\uc740  commit c41128c<\/a> \uae30\uc900\uc785\ub2c8\ub2e4. <\/p>

\uc9c0\uae08 \ucf54\ub4dc\uc5d0\uc11c AndroidManifest.xml\uc758 app id\uc640 ad_info.dart\uc5d0\uc11c ad unit id \ub294 \ubcf8\uc778\uc758 \uac83\uc73c\ub85c \uc801\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4. No Ads \ubc84\uc804 \ucf54\ub4dc\ub97c \ub9cc\ub4e4\uc5b4\uc57c \ud558\ub294\ub370 \ub2e4\uc74c\uc5d0 \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p><\/blockquote>\n\n\n\n

firebase_core\uc640 firebase_admob library \uc124\uce58<\/h2>\n\n\n\n

\uac00\uc7a5 \uba3c\uc800 firebase_core<\/a>\uc640 firebase_admob<\/a> library\ub97c \uc124\uce58\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

Chapter #4 pubget<\/a> \uc5d0 \uc124\uba85\ud55c\ub300\ub85c pubspec.yaml\uc5d0 \ucd94\uac00\ud574\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Meta Data\ub85c \uc560\ub4dc\ubab9 App ID \ub4f1\ub85d<\/h2>\n\n\n\n
\"Meta<\/figure>\n\n\n\n

\uadf8\ub9bc\uacfc \uac19\uc774 meta-data\ub97c \ucd94\uac00\ud574\uc8fc\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

APP ID \ub178\ucd9c\uc744 \ub9c9\uace0\uc790 \uc800\uc758 APP_ID\ub294 github\uc5d0 Update\ud558\uc9c0\ub294 \uc54a\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

<meta-data\n    android:name=\"com.google.android.gms.ads.APPLICATION_ID\"\n    android:value=\"[ADMOB_APP_ID]\"\/><\/code><\/pre>\n\n\n\n
Firebase  google-service.json \uac00\uc838\uc624\uae30<\/h2>\n\n\n\n
Firebase console<\/a>\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\uadf8\ub9ac\uace0 \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131\ud6c4 Android\ub97c \ucd94\uac00\ud558\uc5ec \uc2dc\uc791\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
package name\uc744 \ub4f1\ub85d\ud558\uace0 \ub098\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 json \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744 \uc218 \uc788\uac8c\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\ub2e4\uc6b4 \ubc1b\uc740 \ud30c\uc77c\uc744 \uc544\ub798\uc640 \uac19\uc774 android\/app \ud3f4\ub354 \ubc11\uc5d0 \ubcf5\uc0ac\ud574\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n
\uadf8 \ub2e4\uc74c 3\ub2e8\uacc4\uc640 4\ub2e8\uacc4\ub294 \ub2e4\uc74c\uc744 \ub20c\ub7ec\uc11c \uc644\ub8cc\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
com.google.gms:google-services<\/strong> \ucd94\uac00<\/h2>\n\n\n\n
\ub2e4\uc74c \ub0b4\uc6a9\uc740 firebase document<\/a>\uc5d0\uc11c \uac00\uc838\uc654\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
android\/build.gradle<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n
android\/app\/build.gradle<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Main \ud568\uc218\uc5d0\uc11c Firebase\uc640 \uc560\ub4dc\ubab9 \ucd08\uae30\ud654\ud558\uae30<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
runApp\uc744 \ud558\uae30 \uc804\uc5d0 \ucd08\uae30\ud654\ub97c \ud574\uc57c \ud558\ub294 \uc0ac\ud56d\ub4e4\uc774 \uc788\uc744\ub54c \uc2e4\ud589\ud574\uc8fc\uc5b4\uc57c \ud558\ub294 Code\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n
Firebase\ub97c \ucd08\uae30\ud654\ud574\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n
\ucd08\uae30\ud654\ub97c \ub300\uae30\ud558\uae30 \uc704\ud574\uc11c await\ub97c \uc0ac\uc6a9\ud558\uace0 \ub530\ub77c\uc11c main \ud568\uc218\uac00 Future type\uc744 \uac16\uac8c \ub418\uace0 async \ud568\uc218\uac00 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
Banner \uc0dd\uc131\ud558\uace0 \ub178\ucd9c \uadf8\ub9ac\uace0 \uc81c\uac70\ud558\uae30<\/h2>\n\n\n\n
_ad = BannerAd(adUnitId: \uad11\uace0 \ub2e8\uc704  Id, size: \ubc30\ub108 \uc0ac\uc774\uc988)..load()..show();<\/p>\n\n\n\n
\uc704 \ucf54\ub4dc\ub9cc \uc2e4\ud589\ud574\uc8fc\uba74 \uc5b4\ub5a4 \ud654\uba74\uc5d0\uc11c\ub4e0\uc9c0 \uad11\uace0\ub098 \ud558\ub2e8\uc5d0 \uc624\ubc84\ub7a9\ub418\uc5b4 \ub098\uc635\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc704\uce58\ub098 \ubc30\ub108 \uc0ac\uc774\uc988\ub4f1 \ub2e4\uc591\ud55c Option\ub4e4\uc774 \uc788\uc73c\ub098 \uc800\ub294 \uc77c\ub2e8 Default\uc778 \ud558\ub2e8\uc5d0 \ubcf4\uc774\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc81c\uac70\ud558\ub294 \ubc29\ubc95\uc740 _ad.dispose() \ud5e4\uc8fc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\uc5ec\uae30\uae4c\uc9c0\ub9cc \ud558\uba74 \uad11\uace0\ub97c \ub178\ucd9c\ud558\ub294 \uac83\uc740 \uc644\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\ud558\uc9c0\ub9cc Flutter\uc758 \ud2b9\uc131\uc0c1 Layout\uc5d0 \uc624\ubc84\ub7a9\uc774 \ub418\uace0 \uc5ec\uae30\uc5d0 \ub530\ub77c\uc11c \uc571 \uc601\uc5ed\uc744 \uc870\uc815\uc744 \ud574\uc8fc\uc5b4\uc57c \ud558\ub294 \ubb38\uc81c\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\uadf8\ub798\uc11c \ub2e4\uc74c \ub0b4\uc6a9\uc740 \uc774\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud574\uc11c \uc81c\uac00 bloc\ub85c \uad6c\ud604\ud55c ad \uad00\ub9ac \ubaa8\ub4c8 \uad00\ub828 \ub0b4\uc6a9\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Flutter\uc5d0\uc11c \ubc30\ub108 \uad11\uace0 \ub178\ucd9c\uc758 \ub2e8\uc810<\/h2>\n\n\n\n
Android Native App\uc744 \ub9cc\ub4e4\ub54c\uc5d0\ub294 \uad11\uace0 \ub178\ucd9c \uc704\uce58\uac00 \uc790\ub3d9\uc73c\ub85c \ucc98\ub9ac\uac00 \ub418\uc5c8\ub294\ub370 Flutter\ub294 \uc800 \uc704\uce58\uc5d0 WebView\ub85c \ub41c Widget\uc774 \uc624\ubc84\ub7a9\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\uadf8\ub798\uc11c \uad11\uace0 \uc601\uc5ed\uc5d0 \ub300\ud574\uc11c Padding\uc744 \ud574\uc8fc\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\uc560\ub4dc\ubab9 \uad11\uace0\uc6a9 module<\/h2>\n\n\n\n
\ub530\ub77c\uc11c \ubcc4\ub3c4\ub85c \uad11\uace0\ub97c \uc704\ud55c \ubaa8\ub4c8\uc744 \ubcc4\ub3c4\ub85c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
AdBannerContainer<\/h2>\n\n\n\n
\uadf8\ub798\uc11c AdBanner\ub97c \uc790\ub3d9\uc73c\ub85c Padding\uc744 \ub123\ub294 Container Widget\uc744 \ubcc4\ub3c4\ub85c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
AdBloc<\/h2>\n\n\n\n
AdBannerContainer\uc5d0\uc11c Padding\uc744 \ucc98\ub9ac\ud574\uc8fc\uae30 \uc704\ud574\uc11c\ub294 \ubc30\ub108 \uad11\uace0\uc758 \uc0c1\ud0dc \uad00\ub9ac\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\uadf8\ub798\uc11c InheritedWidget, Provider \ubaa8\ub450 \ub2e4 \uc0ac\uc6a9\ud574\ubd24\uc9c0\ub9cc Bloc\uac00 \uac00\uc7a5 \uae54\ub054\ud558\uac8c \uc0ac\uc6a9\uc774 \uac00\ub2a5\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\ub2e4\uc74c\uc740 AdMob \uad11\uace0 \uc0c1\ud0dc\ub97c \uad00\ub9ac\ud558\uae30 \uc704\ud574 \ub9cc\ub4e0 AdBloc\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n