[Dev Log] Flutter 입문 - Flutter 설치와 에러슈팅

이건우·2023년 11월 23일
0

TiL

목록 보기
68/72
post-thumbnail

dart언어의 특성을 많이사용하고 dart의 문법을 많이 사용한다. dart를 먼저 배우길 권장한다. 진정한 크로스플랫폼. 하나의언어와 프레임워크로 모든것을 만들 수 있다.

플러터는 비디오게임 엔진처럼 작동한다. 운영체제와 직접소통하는것이 아니라 '엔진'을 통해 그린다. 네이티브완 다르게 위젯이 가짜로 생성되고 만들어진다.

dart코드는 프레임워크상에서만 이용된다.

  1. 엔진을 통해모든 컴포넌트를 그림 ios처럼 보여지긴함. 하지만 페이크
  2. 스크린과 애니메이션 효과가 아주 멋짐 오히려 우리가 ㅈㄱ접 커스터마이징한 아름다운 디자인을 만드는데에 목표를 두고있다.
  3. 안드로이드/iOS 앱 처럼 보이게끔 만들고 싶지 않다면 플러터가 무난하다. 화면상의 모든 픽셀을 100% 통제할 수 있어야한다.

Flutter 설치

uBuntu 22.04.3 LTS jammy 버전 환경에서 쓴다.

1. Flutter 설치

'Flutter 공식 홈페이지'에 들어가서 snap을 이용한 방법으로 설치하였다.

2. Android toolchain error

설치 한후 일단 flutter doctor을 입력한뒤 확인해 보면 Android toolchain이 다음과 같음을 확인할수 있음과 동시에 Android Studio도 설치가 되질 않다고 나와있다.

3. Android Studio 설치

안드로이드 스튜디오는 첫번째 링크 에 있는곳에 들어가 다운로드를 받을 수 있다. 일단 설치하자. 그래야 위의 에러를 해결할 수 있다.

flutter config --android-studio-dir=/home/corepen/android-studio 경로를 입력하고 studio 경로를 등록해준다. 스튜디오 설치 경로를 알 수 있는 방법은 해당폴더로 들어간뒤 마우스 오른쪽으로 '터미널 열기'로 해당 경로에서 진입한뒤 pwd를 아래와 같이 입력한다.

그러면 해당 경로가 뜨는데 그 경로를 위와같이 붙여넣어 android-studio의 경로를 등록한다.

4. Android toolchain error 슈팅 - 1 (Android Studio 실행하기)

하지만 공식문서에 나온대로 명령어인 flutter sdk-path를 입력하면 경로가 뜨지만, 그 경로대로 flutter doctor --android-sdk="/PATH" 를 입력해도 여전히 에러가 뜬다.


위와 같이 bin폴더에 들어간 뒤, studio.sh를 실행하여 스튜디오로 들어간 다음, 아래왜 같이 MoreActions를 클릭한뒤 SDK Manager에 들어간다.

5. 4. Android toolchain error 슈팅 - 2 (Command-line Tools 설치하기)

화면과 같이 들어가서, Android SDK Command-line Tools(latest)를 다음과 같이 인스톨한뒤 위에 있는 SDK Location에 나오는 경로를 flutter doctor --android-sdk="/PATH"의 PATH 자리에 넣어주면된다.

6. 해결

flutter doctor 를 입력해본다.

위 화면 처럼 나오는데 마지막으로 flutter doctor --android-licenses만 입력해주면 해결

profile
내가 느낌만알고 한줄도 설명할줄 모른다면 '모르는 것'이다.

0개의 댓글