플러터13 Flutter 앱 개발 14 : 광고 달기 이제 앱에 AdMob 배너 광고를 달아보자. 광고를 달기 위해 사전 준비가 필요한데, 아래 포스트를 참고하기 바란다. Flutter 앱 개발 13 : 광고 달기 사전 준비 앱에 AdMob 배너 광고를 달기 위한 사전 준비를 해보자. 1. 필요 패키지 의존성 추가 (firebase_admob) pubspec.yaml 에 firebase_admob 의존성을 추가하자. ... dependencies: ... firebase_admob: ^0.10.3 # adm.. drogrammer.tistory.com 1. AdmobBanner 클래스 추가 애드몹 배너를 로딩하는 클래스를 추가하자. lib/util/admob_banner.dart 파일을 추가하자. import 'package:firebase_admob/fi.. 2021. 1. 17. Flutter 앱 개발 13 : 광고 달기 사전 준비 앱에 AdMob 배너 광고를 달기 위한 사전 준비를 해보자. 1. 필요 패키지 의존성 추가 (firebase_admob) pubspec.yaml 에 firebase_admob 의존성을 추가하자. ... dependencies: ... firebase_admob: ^0.10.3 # admob ... 2. 애드몹 Application ID, Unit ID 준비 먼저, 애드몹 사이트에서 어플리케이션과 배너 광고 유닛을 만들어야 한다. AdMob 하나의 계정으로 모든 Google 서비스를 AdMob으로 이동하려면 로그인하세요. accounts.google.com 우리는 일단 개발 검증용 테스트 ID 를 사용하자. 테스트 App ID ca-app-pub-3940256099942544~3347511713 테스트 베.. 2021. 1. 17. Flutter 앱 개발 12 : 우주 사진/비디오 상세 뷰 지난 포스트에서 우주 사진/비디오 리스트 뷰를 완성 했다. 이제 리스트 아이템을 클릭 했을 때 보여질 상세 뷰를 만들어 보자. Flutter 앱 개발 11 : 우주 사진/비디오 리스트뷰 지난 포스트에서 BLoC 패턴을 활용한 서버 연동 부분을 구현해 보았다. 이제 리스트 뷰 UI 를 연동해 보자. Flutter 앱 개발 10 : 우주 사진/비디오 데이터 가져오기 (BLoC) 이번 포스트에서는 BLoC 패턴 drogrammer.tistory.com 1. 필요 패키지 의존성 추가 (youtube_player_flutter) 이번 포스트에서 사용할 패키지는 loading_animation, extended_image, youtube_player_flutter 이다. 앞의 두가지는 이미 지난 포스트에서 의존성을.. 2021. 1. 13. Flutter 앱 개발 11 : 우주 사진/비디오 리스트뷰 지난 포스트에서 BLoC 패턴을 활용한 서버 연동 부분을 구현해 보았다. 이제 리스트 뷰 UI 를 연동해 보자. Flutter 앱 개발 10 : 우주 사진/비디오 데이터 가져오기 (BLoC) 이번 포스트에서는 BLoC 패턴을 이용해서 우주 사진/비디오 데이터를 서버로부터 가져오는 코드를 구현해보겠다 1. BLoC BLoC 은 Business Logic Component 의 약자로서 로직과 UI 코드를 분리 (decoup drogrammer.tistory.com 1. 필요 패키지 의존성 추가 (loading_animation, extended_image) pubspec.yml 을 아래처럼 수정해보자. ... dependencies: ... loading_animations: 2.1.0 # 로딩 애니메이션 .. 2021. 1. 9. Flutter 앱 개발 9 : 다국어 지원 II 아래 이전 포스팅에서 앱 내부의 문자열 다국어 처리에 대해서 알아보았었다. Flutter 앱 개발 8 : 다국어 지원 I 코드가 더 복잡해 지기 전에 다국어 지원을 위한 구현을 추가해보자. 늦으면 늦을 수록 귀찮아 진다. ㅎ; 1. Easy Localization 패키지 추가 다국어 지원을 쉽게 도와주는 easy localization 패키지를 사용 drogrammer.tistory.com 이번 포스팅에서는 스마트폰 런처에 보이는 어플리케이션 이름 다국어 지원에 대해서 알아보겠다. 1. 다국어 리소스 추가 Android > app > src > main > res 디렉토리 아래에 문자열 다국어 리소스를 추가해 준다. 어플리케이션 제목을 번역할 것이므로 'appname' 이라는 키워드로 아래와 같이 파일을.. 2021. 1. 8. Flutter 앱 개발 8 : 다국어 지원 I 코드가 더 복잡해 지기 전에 다국어 지원을 위한 구현을 추가해보자. 늦으면 늦을 수록 귀찮아 진다. ㅎ; 1. Easy Localization 패키지 추가 다국어 지원을 쉽게 도와주는 easy localization 패키지를 사용할 계획이니 pubspec.yaml 에 의존성을 추가하자. ... dependencies: flutter: sdk: flutter url_launcher: ^5.7.10 easy_localization: ^2.3.3 # 다국어 패키지 추가 ... 2. 다국어 리소스 추가 assets 아래에 translations 폴더를 생성하고 언어별 리소스를 추가한다. 영어 (en.json), 스페인어 (es.json), 일본어 (ja.json), 한국어 (ko.json), 중국어 (zh.js.. 2021. 1. 5. 이전 1 2 3 다음
