Flutter

Flutter

Flutter Webview

# flutter로 web화면을 디바이스로 호출하여 랜더링을 하고싶은 경우, webview라는 패키지를 사용할 수 있다. 본 글은 모바일 디바이스에서 원하는 웹사이트를 불러오는 방법에 대해서 설명하겠다. 1. Dependency 추가 > 작업폴더의 root영역을 보면 pubspec.yaml이라는 파일을 클릭한다. > 버전을 명시하지 않으면 최신버전으로 설치 할 수 있다. > 해당 코드를 작성한 뒤, 패키지를 설치하려면 상단에 Pub get이라는 버튼을 클릭하면 된다. dependencies: webview_flutter: webview_flutter_android: webview_flutter_wkwebview: 2. package import import 'package:flutter/material...

Flutter

Flutter IOS device 연동

# flutter뿐만이 아닌, android studio에서 x-code를 활용하여 ios device를 연동하는 방법을 소개하겠다.1. android studio 시뮬레이터 실행> x-code 시뮬레이터 자동으로 실행 2. 코드 디버그> 화살표 버튼으로 코드를 실행하여 iOS 연동을 확인 할 수 있다.

Flutter

New Flutter Project

# 플러그인 설치과정까지 마쳤다면 이제 본격적으로 플러터 프로젝트를 시작할 수 있다. 1. New Flutter Project > Generators > Flutter SDK path 확인 > Project name : 소문자랑 _만사용가능 > Project location : … 눌러서 원하는 위치에 폴더 생성 후 지정 2. main.dart > 메인 작업 페이지 생성

Flutter

Flutter Android studio (Plugins 설치)

# Flutter 프로젝트를 만들기 위해서 플러그인을 설치하는 방법을 간단히 소개하겠다. 1. Flutter install 2. Dart install 3. android studio IDE 재실행

Flutter

Flutter X-code (ios device 연동 시뮬레이터)

# x-code는 생각보다 필요한 라이브러리가 많아서 연동하기 복잡한 편이다. 본 글은 Flutter에서 x-code를 연동하는 방법을 설명하겠다. 단, (x-code 설치는 appStore에서 미리 설치하고 진행할 것) 1) 필요한 라이브러리 체크 flutter doctor > 여기서 필요한 것은 Flutter와 Xcode의 체크유무이다. 지난 Flutter 설치 및 환경변수까지 셋팅이 되었다면 첫번 째 체크박스는 잘 체크되어 있을 것이다. 하지만, 대부분은 Xcode 설정이 되어있지 않을 것이다. 2. CocoaPods 설치 sudo gem install cocoapods > 해당 명령어를 콘솔입력창에 입력하면 에러가 발생할 것이다. 그 이유는 Ruby가 설치되어 있지 않기 때문. > Ruby는 Ja..

Flutter

Flutter (Android studio) 및 SDK 설치

# 플러터를 구동하기 위한 IDE로는 "vsCode" 와 "android studio"가 대표적으로 있다. 본 글은 android studio를 설치하는 방법을 간단히 소개하겠다. 1. Android Studio 설치 https://developer.android.com/studio?hl=ko 해당 웹을 들어가서 스크롤을 내리다보면 각 OS에 맞는 버전이 명시되어있다. (필자는 m2이므로 arm64버전을 설치) > standard 버전으로 설치 2. SDK 설치 > 설치가 모두 되었다면 More Actions > SDK Manager 클릭 > SDK Tools (tab) > Command-line Tools 체크 후 OK

Flutter

Flutter (MacOS) 설치

# Flutter 설치 방법에 대해 간단히 설명 1. Flutter 다운로드 >> (필자는 m2이므로 arm64버전으로 설치) 원하는 버전으로 설치 (최신버전으로 설치해도 무방) https://docs.flutter.dev/release/archive?tab=macos 2. zip 압축풀기 3. 환경변수 등록 1) 터미널 open touch ~/.zshrc open ~/.zshrc 2) bin 경로 설정 export PATH="$PATH:플러터폴더경로/bin” 혹시나, 경로를 모르면 > flutter 폴더를 텍스트편집기에 드래그

www.seok.com
'Flutter' 카테고리의 글 목록