반응형
반응형
Overview 앱 내의 광고를 탑재하여 수익을 창출 할 수 있습니다. 이번 포스팅에서는 구글 애드몹 패키지를 활용하여 플러터에 광고를 탑재하고 표시하는 것을 다룹니다. 앱 시작시 전면 광고 출력 앱 상단의 배너 광고 표시 앱 바 우측 상단의 달러 모양 '$' 클릭 시 보상형 광고 표시 및 보상 지급 안내 문구 출력 포스팅에서 진행한 환경 OS : Windows 10 IDE : Visual Studio Code Emulator : Pixel 3a API 33 (Android-x86 emulator) 포스팅에서의 예시 프로젝트 다운로드 포스팅에서 다루는 예시 프로젝트는 아래의 깃허브 링크에서 다운로드 받을 수 있습니다. '8_add_google_mobile_ads' 폴더를 확인해주세요. https://gi..
Overview 플러터를 이용하여 웹 페이지를 표시하고, 웹 문서를 이용하여 화면 표시가 가능하도록 합니다. 포스팅을 보기 전에... 이 글은 webview_flutter 패키지를 통해 안드로이드 가상 에뮬레이터로 웹 페이지를 표시하는 것을 목표로 합니다. 또한 포스팅에서 설명하는 소스 코드는 웹뷰 패키지가 4.0 이상의 버전으로 작성하였습니다. 3.0 버전으로 작성된 웹뷰 코드와 많이 다를 수 있습니다. 이 포스팅에서의 웹 뷰 구현은 WebView가 아닌 WebViewWidget을 사용하며, 컨트롤러를 이용합니다. WebView는 Deprecated 되어서 이후 버전에서는 사용이 어려울 수 있습니다. 포스팅에서의 환경 Flutter Version : 3.11.0-6.0.pre.108 webview_fl..
HTTP 요청을 통해(API) 데이터를 받을 때 항상 데이터 타입과 파싱에 대한 어려움을 겪곤 합니다. 여러 개의 리스트로 구성된 JSON 데이터를 받을 땐 어떻게 해야 할지 항상 고민하는데, 이 글이 도움이 되면 좋겠기에 작성합니다. Preview API 응답 결과의 두번째 인덱스의 제목 가져오기 // response : HTTP GET 요청의 응답 결과로 가정 print('\n ***** GET Response : \n$response'); print('\n ***** 두번째 인덱스의 제목 : \n ***** ${dataResList[1].title}'); // flutter: // ***** GET Response : // {result: [{content: hello world, id: 1, na..
Consumer Class provider 패키지의 일부 provider와 함께 특정 데이터의 변경 사항을 수신하고 위젯 트리의 일부를 다시 빌드하는 데 사용 Provider.of를 명시적으로 호출하지 않고도 제공자의 값을 확인하고 사용할 수 있는 위젯 전체를 빌드하지 않고 제공된 데이터에 따라 필요한 위젯만 선택적으로 리빌드하여 프로세스를 최적화 일반적으로 Consumer 위젯은 데이터의 변경 사항을 수신할 위젯트리 내에 하위 위젯으로 배치 제공된 데이터에 의존하는 위젯 하위 트리를 정의하는 빌더 함수 필요 Consumer( builder: (context, value, child) { // provider의 값에 따라 달라지는 위젯 하위 트리 // 값이 변경될 때 리빌드된 위젯 반환 }, ) 구문 플..
HttpClient 란? HTTP 서버와 통신하기 위한 HTTP 클라이언트 HTTP 요청을 HTTP 서버에 보내고 응답을 받음 동일한 서버에 대한 여러 요청 간에 세션 쿠키 및 기타 쿠키를 포함한 상태 유지 HttpClient는 낮은 수준의 HTTP 기능을 제공하기 때문에 개발자 친화적인 API인 http 패키지를 권장 구문 getUrl / postUrl import 'dart:convert'; import 'dart:io'; import 'package:flutter/material.dart'; // HttpClient 인스턴스 생성 var client = HttpClient(); try { // API 설정 HttpClientRequest request = await client.getUrl('url..
dio Dart/Flutter용 HTTP 클라이언트 패키지 헤더 설정, 인터셉터, 파일 업로드 및 다운로드, 쿠키 관리 등 지원 비동기 작업을 위해 async/await 문법과 함께 사용 가능 간단하고 직관적인 API 제공, 손쉽게 HTTP 요청, 생성, 응답 처리 할 수 있도록 함 구문 import 'package:dio/dio.dart'; final dio = Dio(); void getHttp() async { final response = await dio.get('https://dart.dev'); print(response); } 프로젝트 의존성 추가 터미널에서 아래의 명령어 입력 dio 패키지 설치 flutter pub add dio 프로젝트 기본 UI 설계 UI 버튼을 누르면 버튼 아래의 ..