준코딩

웹뷰에서 뒤로 가기를 눌렀을 때 이전 페이지로 이동하거나, 이동할 페이지가 없는 경우 앱 종료하는 기능을 구현해 보도록 하겠습니다~ 일단 아래 글에 이어서 코드를 작성하였습니다. https://leejhjava.tistory.com/147 플러터 웹뷰 Javascript 앱 통신 플러터 하이브리드 앱을 제작하고 있습니다. 하이브리드 앱에서 거의 필수로 해야 하는 게 웹페이지와 앱 간의 통신입니다. 어떻게 하는지 정리 해보겠습니다. pubspec.yaml 파일에 webview_flutter: ^4.7 leejhjava.tistory.com 수정 해야하는 부분 @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( chi..

플러터 하이브리드 앱을 제작하고 있습니다. 하이브리드 앱에서 거의 필수로 해야 하는 게 웹페이지와 앱 간의 통신입니다. 어떻게 하는지 정리 해보겠습니다. pubspec.yaml 파일에 webview_flutter: ^4.7.0을 추가하였습니다. (이게 예전 버전은 웹뷰를 생성할 때 WebView를 했는데, 최신버전에서는 WebViewWidget으로 바뀌었다고 합니다. 몇 버전부터인진 안 찾아봐서 모르겠습니다. ) lib/main.dart 파일입니다. import 'package:flutter/material.dart'; import 'package:flutter_webview_example/webview_page.dart'; void main() { runApp(const MyApp()); } class..

플러터 프로젝트를 생성합니다. (프로젝트 명은 flutter_webview_test 로 하겠습니다.) 1. 제일 먼저 pubspec.yaml 파일에 webview_flutter: ^3.0.4 를 추가해줍니다. (웹뷰 관련 패키지 버전 지정) 추가하고 상단에 Pub get 을 눌러줍니다. 2. AndroidManifest.xml 파일에 코드 2줄을 추가합니다. 상단에 -> 인터넷 권한 허용 그리고 이건 필수는 아니고 HTTPS가 아닌 암호화되지 않은 트래픽을 사용할 수 있게 해주는 코드입니다. (HTTP 를 사용할때 필요함) 3. 안드로이드에서는 인터넷 권한을 허용했으니, 이젠 iOS에서 해야할 차례입니다. 가장 하단 Open a project or file 을 눌러서 위에서 생성한 프로젝트를 찾아줍니다...

플러터 프로젝트를 생성하면, 버튼을 누르면 누른 횟수가 메인화면에 뜨는 프로젝트가 생성이 됩니다. 저는 이 버튼 기능을 제거하고 우선 어떤 순서대로 코드가 실행되는지부터 알아보기 위하여 버튼 기능은 제거하였습니다. 아래 코드가 버튼기능을 제거한 전체 코드입니다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return Materi..

커맨드 + 스페이스바 로 검색창 띄워주고 터미널을 열어줍니다. 그리고 터미널에 아래 처럼 입력해주면 플러터 설치가 시작됩니다. brew install flutter 이때 brew 설치가 안되어 있으면 설치 진행이 되지 않습니다. https://leejhjava.tistory.com/143 MAC M1 환경 brew 설치하기 (쉬움) 커맨드 + 스페이스바 를 눌러서 검색창을 띄우고 terminal 을 검색하여 터미널을 실행시켜준다. 그리고 터미널에 아래 코드를 복사해서 붙여넣기하면 brew 가 설치가 된다! (중간에 엔터한번 눌러줘 leejhjava.tistory.com brew 설치 과정은 위 글 참고해주세요. brew install flutter 입력 하셨으면 플러터가 다운이 시작됩니다. (중간에 In..