목록2024/06 (205)
투케이2K
[설 명]프로그램 : AndroidStudio / Flutter설 명 : [Flutter/Dart] 플러터 webview_flutter 웹뷰 기본 연동 클래스 [사전) webview_flutter 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [소스 코드] import 'package:flutter/material.dart';import 'p..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/VMSOx/btsIhSd9WbX/SqripSXutwfn4O1H6kwGO1/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) webview_flutter 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [소스 코드] // TODO [웹 페이지 뒤로가기 여부 확인] var future = await controller.canGoBack(); ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bYRJ94/btsIg3U3BY7/Suir8NUlj8gjNFa6l5fOnk/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) webview_flutter 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [사전) launchUrl 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223488356836 195. (Flutter/플러터) [Mac] : ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bLpd96/btsIgL76nk5/i8I8Q69fxgK8PEE6mY8Ta0/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [사전) Ios 웹뷰에서 Confirm 팝업창 미동작 이슈 사항]-----------------------------------------------------------[사전 이슈 사항 정리]----------..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bL9LXY/btsIicwBknN/7TxKFgIWYlKy85T3eV6gOK/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) 호출하는 쪽 : Ios - Xcode 수행 앱 이동에 필요한 스키마 정의 : info plist] [사전) 열리는 쪽 : Ios - Xcode 수행 앱 이동에 필요한 스키마 정의 : info plist] [사전) 호출하는 쪽 : Android - AndroidStudio 수행 앱 이동에 필요한 스키마 정의 : AndroidManifest.xml] [사전) 열리는 쪽 : Android - AndroidStudio 수행 앱 이동에 필요한 스키마 정의 : AndroidManifest.xml] [사전) url_launcher 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/VkYDe/btsIhKtJgUE/AAc1LBDbTCkgRlgOjxauO0/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) webview_flutter 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [사전) launchUrl 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223488359824?trackingCode=blog_bloghome_..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bUciMk/btsIhxnFo9u/pN62kBbRm0sXZh4hfrAYDK/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [소스 코드] // TODO [Web 로컬 스토리지 데이터 저장 수행] try { var javascript = ''' win..
[환경 설정 및 설명]프로그램 : Flutter설 명 : [Flutter] iOS Webview 웹뷰에서 Alert 팝업창 호출 미동작 이슈 - Web Alert Not Working [에러 원인]1. 플러터 webview_flutter 모듈을 사용해 웹뷰 구현 시 iOS 아이폰에서는 Web 기본 Alert , Confirm 등 팝업창 이벤트가 발생하지 않음[해결 방법]방안 [1] : Xcode 수행 후 >> Pods 파일에서 webview_flutter 라이브러리 코드 수정해서 동작하도록 설정방안 [2] : window.alert 이벤트 감지를 위한 Web App 브릿지 경로 추가 작성 후 Alert 이벤트 발생 시 네이티브에서 커스텀 팝업창 표시 대체 >> 플러터 웹뷰 로딩 완료 상태 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DJcPD/btsIg3UWzop/f7dYu1SARGeh2wqjHBuNVK/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [사전) Ios 웹뷰에서 Alert 팝업창 미동작 이슈 사항]-----------------------------------------------------------[사전 이슈 사항 정리]------------..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DSZMo/btsIgn7oiv4/WphQZp6p3vKW1AcEwp9R71/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [사전) 웹 (Web) 소스 코드 참고] // [전역 글로벌 함수 생성] window.onMessageReceive = function(value) { console...
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bfy5x1/btsIhVn67dv/PnhANQYvhlqHqcldkCk8HK/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) Assets 폴더 생성 방법]https://blog.naver.com/kkh0977/223472656705?trackingCode=blog_bloghome_searchlist 133. (Flutter/플러터) [Mac] : [운영] : 에셋 assets 폴더 생성 방법 정리[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [방법 설명]blog.naver.com [사전) Flutter Webview 라이브러리 설치 방법]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flut..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bgYy2u/btsIfDWTdVM/nJYqHTs2agkZUTXNVpJsNk/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [소스 코드]import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';import 'package:flutter/services..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d1uKvg/btsIhbY5mKu/bZuaIYnQVqAoZTkGkUX0Q0/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';import 'package:flutter/services.dart';import 'package:permission_handler/permission_handler.dart';import 'dart:developer';import 'dart:core';import 'dart:io';import 'dart:convert';import 'dart:typed_data';// ----------------------------------------------------------..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/UJ0G9/btsIhtrwioj/P5wWz67b0AAa4rtei6rT61/img.png)
[환경 설정 및 설명]프로그램 : Flutter설 명 : [Flutter] WebViewPlatform.instance != null..A platform implementation for webview [에러 원인]1. 플러터 웹뷰 로드에 필요한 플랫폼이 아닌 다른 플랫폼 (Ex : Chrome , Mac) 으로 수행 시 발생하는 이슈WebViewPlatform.instance != null"A platform implementation for `webview_flutter` has not been set. Please ensure that an implementation of `WebViewPlatform` has been set to `WebViewPlatform.instance` befor..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b8qilp/btsIhhdIHMJ/5YDPIko06n41SWeL5eGUM1/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) 라이브러리 설치 참고 사이트]https://blog.naver.com/kkh0977/223494519642 223. (Flutter/플러터) [Mac] : [skill] : [webview_flutter] Webview 웹뷰 모듈 설치 방법 설명[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [사전 플러터 Android , Ios Http 허용...blog.naver.com [소스 코드]import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';import 'package:flutter/services..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/lkt3j/btsIhW7McP2/bfi4K0ksPVUQzUZkMd5Xv0/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전 플러터 Android , Ios Http 허용 참고 사이트]https://blog.naver.com/kkh0977/223491131230?trackingCode=blog_bloghome_searchlist[라이브러리 설치 사이트]https://pub.dev/packages/webview_flutter/install webview_flutter install | Flutter packageA Flutter plugin that provides a WebView widget on Android and iOS.pub.dev [방법 설명] [모듈 추가 import 소스] // -------------------..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DoqzL/btsIfDuwszI/WiT8gjLfPXVPz6ktecAF00/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [사전) Assets 폴더 생성 방법]https://blog.naver.com/kkh0977/223472656705?trackingCode=blog_bloghome_searchlist 133. (Flutter/플러터) [Mac] : [운영] : 에셋 assets 폴더 생성 방법 정리[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [방법 설명]blog.naver.com[사전) 텍스트 파일 생성] [소스 코드]import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';import 'package:flutter/..
[환경 설정 및 설명]프로그램 : Flutter설 명 : [Flutter] Unhandled Exception .. accessed before the binding was initialized [에러 원인]1. 바이너리 , 네트워크 등 사전) 서비스 바인딩이 초기화 되지 않은 상태에서 사용하는 경우 발생 이슈2. 애플리케이션의 바인딩이 초기화되지 않은 상태에서 비동기 작업을 수행하는 경우 발생 이슈Unhandled Exception: ServicesBinding.defaultBinaryMessenger was accessed before the binding was initialized. [해결 방법]1. 플러터 Dart 프로젝트에서 main 부분 시작 실행 부분에 WidgetsFlutter..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/tqsQj/btsIfrnoio2/tNP3Z9sgpCltyePHORmn21/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [1] : 사전) 라이브러리 설치 방법 참고 사이트https://blog.naver.com/kkh0977/223494057687 220. (Flutter/플러터) [Mac] : [skill] : [qr_code_scanner] QR 코드 스캔 라이브러리 설치 방법[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [라이브러리 설치 사이트] https://pub.de...blog.naver.com [2] : 사전) IOS 카메라 권한 허용 방법https://blog.naver.com/kkh0977/223492373278 215. (Flutter/플러터) [Mac] : [skill] : [permi..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Y6pAT/btsIgoQZFpn/l9rsHfkZo7NZlGgXKXML71/img.png)
[개발 환경 설정]개발 툴 : AndroidStudio개발 언어 : Dart [라이브러리 설치 사이트]https://pub.dev/packages/qr_code_scanner/install qr_code_scanner install | Flutter packageQR code scanner that can be embedded inside flutter. It uses zxing in Android and MTBBarcode scanner in iOS.pub.dev [방법 설명]