본문 바로가기
Frontend, Client/Flutter

[Flutter] 플러터 설치 및 프로젝트 생성

by ggyongi 2022. 11. 2.
반응형

- Flutter Install Docs

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

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

 

1. Flutter SDK 설치

  • 주의 : 한글 버전 문서에서는 sdk 다운로드가 안되니 영문 버전에서 다운받자.

다운받은 설치파일을 HOME 디렉토리로 이동시켜주고 더블클릭 → flutter 폴더가 생성된다.

다음으로 경로 설정을 통해 터미널에서 항상 flutter를 찾을 수 있도록 해줘야 한다.

 

경로 설정을 위한 사전 작업으로 sublime text를 설치한다.

Sublime text Download : https://www.sublimetext.com/

 

Sublime Text - the sophisticated text editor for code, markup and prose

Available on Mac, Windows and Linux

www.sublimetext.com

 

sublime text를 더블클릭하여 열고 아래와 같이 내용을 작성한다.

export PATH**=**"$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

[PATH_TO_FLUTTER_GIT_DIRECTORY]는 현재 flutter 폴더가 위치한 $HOME을 넣어준다.

파일 이름은 .zshrc로 설정하고 저장 위치는 home으로 설정한다.

숨긴 파일을 보면 .zshrc 파일이 생성되었음을 확인할 수 있다.

(숨긴 파일 보기: cmd + shift + .(점))

 

마지막으로, 터미널을 열고 파일이 생성되었음을 알려준다.

source $HOME/.zshrc

확인해보자.

echo $PATH

 

이제 터미널로 flutter에 접근할 수 있게 되었다.

 

 

2. Android Studio 설치

안드로이드 스튜디오는 아래 링크를 통해 설치하면 된다.

https://developer.android.com/studio

 

여기에 추가로 안드로이드 스튜디오 sdk tools를 설치해주어야 한다.

Android SDK COmmand-line Tools를 클릭하고 설치 및 apply까지 완료해준다.

제대로 설치 되었는 지 확인하기 위해 터미널을 열고 다음을 입력한다.

flutter doctor

(설정을 완료하는 데 필요한 플랫폼 의존성이 있는지 확인하는 명령이다.)

위의 항목들을 보면, Android toolchain이 여전히 느낌표(완료안됨)로 표시되며 라이센스가 accepted되어야 한다고 한다.

flutter doctor --android-licenses

를 입력하고 키보드 y키+엔터키를 반복적으로 눌러가며 동의 여부를 전부 체크해주면 된다.

그리고 다시 확인해보자.

 

 

3. Xcode 설치

Xcode는 아래 링크에서 설치한다. 필요에 따라 맥 OS 버전 업그레이드가 선행되어야 할 수도 있다.

https://apps.apple.com/kr/app/xcode/id497799835

 

xcode 설치 후에도 아래와 같이 CocoaPods가 아직 설치되지 않았다고 나온다.

링크를 타고 들어가 Cocoapods를 설치한다.

https://guides.cocoapods.org/using/getting-started.html#installation

터미널에 다음을 입력하면 설치를 시작한다.

sudo gem install cocoapods

 

마지막으로 전부 설치가 되었음을 확인하자.

 

 

4. 프로젝트 생성

플러터 샘플 프로젝트를 생성해보자.

그 전에 안드로이드 스튜디오에서 플러터 플러그인을 설치한다(이때 자동으로 Dart도 설치됨).

 

아래와 같이 Flutter 프로젝트를 생성할 수 있는 버튼이 만들어졌다.

플러터 클릭하고 Next

프로젝트 이름을 적고 Finish

우선 잘 실행됨을 보기 위해 예물을 띄워 실행해보자.

Open iOS Simulator를 클릭하면 예물레이터가 실행된다.

그리고 프로젝트를 실행하면 다음과 같이 빌드에 성공한다.

시작이 반이라는 말이 있는데,

Hello World를 띄웠으니 이미 절반은 해낸 것 같다.

 

참고자료 : https://www.youtube.com/watch?v=xJlBF9NgDag

 

비전공자 네카라 신입 취업 노하우

시행착오 끝에 얻어낸 취업 노하우가 모두 담긴 전자책!

kmong.com

댓글