본문 바로가기

TIL

Flutter 개발 전 환경 구축.

https://medium.com/@hj.veronica.shim/%ED%94%8C%EB%9F%AC%ED%84%B0-flutter-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-1-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95-1131711dd651#id_token=eyJhbGciOiJSUzI1NiIsImtpZCI6ImQ3YjkzOTc3MWE3ODAwYzQxM2Y5MDA1MTAxMmQ5NzU5ODE5MTZkNzEiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb20iLCJhenAiOiIyMTYyOTYwMzU4MzQtazFrNnFlMDYwczJ0cDJhMmphbTRsamRjbXMwMHN0dGcuYXBwcy5nb29nbGV1c2VyY29udGVudC5jb20iLCJhdWQiOiIyMTYyOTYwMzU4MzQtazFrNnFlMDYwczJ0cDJhMmphbTRsamRjbXMwMHN0dGcuYXBwcy5nb29nbGV1c2VyY29udGVudC5jb20iLCJzdWIiOiIxMTY3MzQwNzE1NzY0NjY0NjkxMTIiLCJlbWFpbCI6InNvbHV0aW9uMTI0NDFAZ21haWwuY29tIiwiZW1haWxfdmVyaWZpZWQiOnRydWUsIm5iZiI6MTcyNjAzNTQ5OCwibmFtZSI6IuydtOuzkeyasCIsInBpY3R1cmUiOiJodHRwczovL2xoMy5nb29nbGV1c2VyY29udGVudC5jb20vYS9BQ2c4b2NJVnV6WjNySVRyVGF4RHRJczVmODlIR1k0aWxDM0M4RVJBcVcyOE9jaDZZdndFcmdRVz1zOTYtYyIsImdpdmVuX25hbWUiOiLrs5HsmrAiLCJmYW1pbHlfbmFtZSI6IuydtCIsImlhdCI6MTcyNjAzNTc5OCwiZXhwIjoxNzI2MDM5Mzk4LCJqdGkiOiJhMTY2ZTllMzc2NWNiNWNhMDQ5ODI1N2FlODJjYzAyODQxZDBlODEzIn0.HMfBG-jY-HG06zsCuHieG32XlYT3XUcW6q4YFYuw0DV3chYwHWNuOq1iCAqekkZRr2YlHQCtksB0wBGFw4Y8vIHLmgVpTXTm54orsidUYQArGg9i2A7mHUwQK3qOR5NNa9ry8mRkAYkGkOY6zzT_KPc_OWjLR3bMm_MnZGtB9hNCAJy867a7E4yJQ2i1L37a0Tz817oT4WlPecAzpGRkym5Iv9O5D-CnLYRrr4Uy-xFs-vE09VxhabWJ3DajaKwQ57OAYH5OzU5rVVze8KvgG77SASjogMegUT2i0qNoVcH9dGLQYPkReHvtsylVuD69obPiZcg9JuDzsd0U9LGRQA

 

플러터(Flutter) 시작하기 — (1) 개발 환경 구축

이 글은 Sebastian Eschweiler의 Getting Started With Flutter — (1) Setting Up The Development Environment를 번역/의역한 글입니다. 오역이 있거나, 수정해야 할 부분이 있다면…

medium.com

 

위 사이트에서 많은 도움을 받았다. 
아래는 맥북 환경에서 flutter 앱을 macOS, iOS, android에서 실행하기 위한 과정에서 겪은 문제 해결 방법들을 나열했다. 

  1. Flutter 실행 시 환경 변수 설정하는 양식. 

export PATH=/opt/homebrew/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin

export PATH="$PATH:$HOME/development/flutter/bin"

eval $(/opt/homebrew/bin/brew shellenv)

 

# >>> conda initialize >>>

Conda initialize 사이에 경로를 넣으면 안 된다.

 

Flutter에서 페이지 실행 WebView 위젯 사용하기.

  1. CocoaPods(미설치 에러, iOS macOS 의존성 관리자 프로그램)
  2. Ruby 통해 설치하는데 ruby 버전이 낮았음.
  3. 루비를 설치해도 버전 변경이 (ruby -v)
  4. ~/.zshrc 파일에 환경 변수 설정해야 . 
  • export PATH="$HOME/.rbenv/bin:$PATH"
  • eval "$(rbenv init -)"

 

Simulator에서 ios 실행 되는 경우

  1. Xcode Window > Devices and Simulators ios .

 

 

  1. 안드로이드 스튜디오에서 flutter 실행
    1. pubspec.yaml 파일에 필요한 패키지를 추가
      dependencies:
        flutter:
          sdk: flutter
        webview_flutter: ^4.0.0
        webview_flutter_wkwebview: ^3.0.0
    2. 패키지 설치:flutter pub get
    3. 안드로이드 설정: android/app/build.gradle 파일에서 minSdkVersion 19 이상으로 설정
    4. 인터넷 권한 추가

 android/app/src/main/AndroidManifest.xml 파일에 추가

<manifest

    <uses-permission android:name="android.permission.INTERNET"/>
   
<!-- 기타 기존 내용 -->
</manifest>

반응형