준코딩

웹뷰에서 뒤로 가기를 눌렀을 때 이전 페이지로 이동하거나, 이동할 페이지가 없는 경우 앱 종료하는 기능을 구현해 보도록 하겠습니다~ 일단 아래 글에 이어서 코드를 작성하였습니다. 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..

커맨드 + 스페이스바 를 눌러서 검색창을 띄우고 terminal 을 검색하여 터미널을 실행시켜준다. 그리고 터미널에 아래 코드를 복사해서 붙여넣기하면 brew 가 설치가 된다! (중간에 엔터한번 눌러줘야함) /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 이렇게 하면 일단 brew 설치가 완료된다. 참고 링크 https://brew.sh/ko/

생명주기란? -> 앱의 최초 실행부터 앱이 완전히 종료되기 까지 앱이 가지는 상태와 그 상태들 사이의 전이를 뜻한다. 앱의 상태는 앱이 현재 어떠한 것을 할 수 있는지 결정한다. 앱의 상태 5가지. 1. NotRunning 상태 -> 앱이 실행되지 않았거나, 종료되어 동작하지 않는 상태 2. Foreground(Inactive) 상태 -> 앱이 실행은 되었지만, 사용자로부터 이벤트를 받을 수 없는 상태 (앱 실행중 전화, 알림 등에 의해 앱이 사용될 수 없는 상태) 3. Foreground(Active) 상태 -> 앱이 실행중이고, 사용자로부터 이벤트를 받아 상호작용할 수 있는 상태. Inactive 상태를 거쳐서 Active 상태가 된다. 4. Background(Running) 상태 -> 홈 화면으로..

개발하면서 항상 사용하지만, 누가 설명해 보라고 하면 설명 못하겠어서 작성합니다. 서로 통신하면서 데이터 주고받는거잖아~ 라고 설명할 순 없으니.... HTTP 통신은 Hyper Text Transfer Protocol입니다. 말 그대로 Hyper Text를 전송하기 위한 프로토콜입니다. 클라이언트가 서버에게 Request(요청) 하면 서버에서는 Request 에 맞는 응답결과를 Response(응답) 합니다. 클라이언트는 Response 값을 사용자에게 보여줍니다. 이렇게 3줄이 간단하게 HTTP 통신 과정입니다. 고작 이렇게만 공부하려고 글을 쓴 건 아니니... 클라이언트가 요청 할때나, 서버에서 응답할 때 정보들을 Packet(패킷)이라는 작은 조각에 담겨 보내집니다. 이 Packet은 헤더와 바디..