차마시는 개발자

Flutter 웹뷰 뒤로 가기 + Webview_flutter 웹에서 window.open을 이용해서 새창을 띄웁니다. 그렇게 되면 기존에 띄어져 있는 웹이 변경됩니다. Android, iOS 뒤로가기를 이용해서 문제를 해결하였습니다. 이전 상황을 간단하게 설명하면 웹뷰로 만들어진 앱에서 새로운 페이지로 이동을 시키려고 했습니다. 그래서 Modal을 만들어 이용하고 특정 url을 중간에 가로채서 버그들을 수정했습니다. 이렇게 처리를 하게되면 Flutter 코드를 계속적으로 봐야 하는 귀찮음이 많았습니다. (그리고 Flutter 개발자가 없다...) 이로인해 Flutter을 간단하게만 볼 수 있고 수정은 최대한 안 하는 방식으로 생각한 방법입니다. Android와 iOS 둘다 뒤로 가기의 형태가 다릅니다...

아이콘 및 앱 이름 수정하기 공통 이미지 만들기 - 1024px x 1024px 이상 - 정방향 - png 확장자 - 불투명한 배경 Android 1. flutter 내부에 있는 android 폴더 열기 2. Image Asset 실행 android > app > res 의 마우스 오른쪽 선택 -> New -> Image Asset 선택 3. Image Asset에 이미지 적용 Source Asset 의 Path 에 이미지 경로 넣기 4. android 앱 이름 수정 android > app > manifests > AndroidManifest.xml 파일의 android:label 부분 수정 iOS 1. iOS 이미지 만들기 https://www.appicon.co/ 해당 사이트에서 iOS 이미지를 만..

flutter webview로 만들어보기 이번에 동료분들과 나누기 위해 글로 정리를 해봤습니다. 우선 기본적인 Flutter SDK 다운로드등과 관련된 완전 기본 세팅 이후 과정입니다. 기본 세팅에 관해서 보고 싶으면 다음 페이지에서 확인 부탁드려요 (코딩애플 짱!) https://codingapple.com/unit/flutter-install-on-windows-and-mac/ Flutter 설치와 개발환경 셋팅 (윈도우 / 맥) - 코딩애플 온라인 강좌 Flutter 개발환경 셋팅하기 위해 설치할 것들이 좀 있습니다. 윈도우 10이상 (64bit) 또는 맥OS 10.14버전 이상이 필요합니다. 1. Flutter SDK 설치 https://flutter.dev/docs/development/tool..

[Flutter, Android] FCM (push notification) Push Notification은 Firebase에서 각 핸드폰으로 알림 메세지를 전달하는 것을 구현해보려고 합니다. push notification을 하는 방법이 많아서 선택을 하여야 하는데 쉽게 여러 핸드폰으로 알림을 보낼 수 있는 방법이 Firebase를 이용한 것입니다. 삽질을 많이해서 다른 분들은 쉽게 진행 할 수 있기를 바라며 😄 공통 부분을 설정하고 Background or Foreground 방법을 선택해서 순서에 맞게 실행하면 됩니다. 전체 코드를 보실 분은 공통 + Foreground 방법을 보시면 됩니다. 개발환경 IDE: Android Studio Flutter Webview Android Studio로 개..

Webview 양방향 통신 비동기 -> 동기 전환 (w. Flutter) webview_flutter 라이브러리를 사용하면서 Flutter를 이용하여 Device의 위치 기능, 정보 등 다양한 기능을 사용하기 위해 webview_flutter의 내장 함수 ..addJavaScriptChannel()로 post Message를 보내고 .runJavascript()를 통해 웹의 JavaScript를 동작하여 양방향 통신 하였습니다. 그러나 다음과 같은 문제가 발생하게 되었습니다. .runJavascript() 동작이 안드로이드에서는 되고 iOS에서는 되지 않는 문제 비동기적으로 실행되며 .runJavascript()가 Flutter에서 실행되어 웹이 수시로 상태가 변화하지 못하는 문제 그래서 1번과 같은 문..