Flutter 시작하기

Eunju kim·2022년 3월 26일
0
post-thumbnail

What is Flutter?

Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

flutter는 단일 코드베이스에서 다양한 플랫폼용으로 컴파일된 앱을 구축하기 위한 UI 툴킷이다. 구글이 UI 툴킷이라고 얘기한 점을 보면, 이 점이 Flutter의 장점이지 않을까 싶다.


Flutter SDK 설치하기

https://docs.flutter.dev/get-started/install/macos

공식 문서에 있는대로 일단 진행해본다.
SDK를 다운로드 한 후 작성할 디렉토리에 압축을 풀고 패스를 지정해준다.

export PATH="$PATH:`pwd`/flutter/bin"

패스 지정이 끝났으면 명령어로 확인해본다.

which flutter

Flutter doctor

flutter doctor 명령어로 flutter를 사용하기 위한 로컬 환경을 체크한다.

나는 android studio가 설치되어있지 않아 두번째 항목에서(Android toolchain) 빨간불이 들어왔고, Flutter가 추천하는 Xcode Version과 현재 버전이 맞지 않아서 노란불이 들어왔다. (이런거 보면 꼭 고쳐야 하는 욕구가.. 스물스물..올라와서 삽질을 하기 시작한다. 쥬륵,,)
근데 내 목표는 일단 띄워라도 보는게 목표니까 이건 이따가 고치자.


Fluter Project 생성

프로젝트를 생성하기 위해 vscode에 flutter 플러그인을 설치해준다.

(vscode 플러그인 설치해놓고 명령어로 프로젝트 생성해버리기 ㅋㅋ.. )
flutter create [app name] 명령어로 프로젝트를 생성하는데, 띠용..? 에러가 발생한다. 대문자도 안되고, 하이픈도 안되길래 소문자만 해봤더니 프로젝트가 정상적으로 생성됐다. 왜 저런 에러가 발생했는지 알고보니 소문자, 숫자, 언더스코어만 가능해서 그랬던것 같다.

이제 제발 run좀 해보자 !!!

ios 시뮬레이터를 켜놨더니 xcode로 빌드가 되었고, 드디어 실행이 됨!
그리고 위의 캡쳐에 맨 마지막줄에 있는 주소로 들어가봤더니 flutter devtools가 떴다. 그게 시뮬레이터 뒤에있는 화면인데, 그거슨 다음에 알아보도록 하자...

오늘은 여기서 끗


번외) XCode version update

버전 업데이트 하는데 명령어 한줄이면 될줄 알았더니? 웬걸 업데이트가 되지 않는다.
앱스토어에 들어가도 업데이트 버튼이 안뜨고.... 계속 찾아 헤매다가

Xcode 위에있는 문구를 보고 (좌절..) macOS update를 시작해본다.
현재 나의 맥 버전이 11버전이라 그랬던것같다.

죽어도 업데이트 하기 싫어서 그동안 계속 미뤄왔었는데 ㅠ 강제 업데이트 시작..

Aㅏ....슨생님.. 53분이요? 제가 기다리겟습니다,,

profile
이것저것 끄적이는 것을 좋아합니다 :)

0개의 댓글