본문 바로가기

개발/Flutter

Flutter 첫 프로젝트 만들기

반응형

24년 5월 20일 기준

 

안녕하세요 Flutter 관련 공부 내용이나 포스팅하면 좋을 것 같은 내용들을 포스팅하려고 합니다.

이번엔 당연히 처음에는 Hello world를 해봐야 되지 않을까 하는 생각으로

Flutter 첫 프로젝트 만들기를 포스팅하려고 합니다.

사이트 : https://docs.flutter.dev/get-started/install

 

Choose your development platform to get started

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems.

docs.flutter.dev

일단은 위에 사이트에 들어가셔서

본인의 환경(windows, mac, 기타 등등)에 맞는 Flutter sdk를 받으셔야 됩니다.

그리고 IDE를 설치해야 되는데

제가 아는 것은 Android Studio와 VS Code로 Flutter를 개발할 수 있다고 알 수 있습니다.

저는 Android Studio를 쓰기 때문에

이것을 기반으로 작성해 보겠습니다.

Android Studio download : https://developer.android.com/studio?gad_source=1&gclid=Cj0KCQjw6auyBhDzARIsALIo6v-x-NOblQUNIYnSNpSHwI4V_xcxudmROBSaMjAc_DLXmTGYwBnnMFEaAj0sEALw_wcB&gclsrc=aw.ds&hl=ko

 

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

developer.android.com

일단 IDE를 설치를 해야 됩니다.

설치 후에 실행하면

이 화면이 나옵니다.

여기서 Android Studio에서 Flutter와 Android를 할 수 있기 때문에 처음에 프로젝트를 만들 때 선택해야 됩니다.

여기서는 Flutter 프로젝트를 만들어야 되니까. New Flutter Project를 누릅니다.

 

여기에서 왼쪽에서 아래 Flutter 탭을 누르고 경로에 설치한 Flutter SDK 경로를 설정해 줍니다.

그리고 Next를 누릅니다.

 

Project name을 입력하고

사용할 Platforms 들을 선택합니다.

현재 Flutter는 Android, iOS, Linux, MacOS, Web, Windows가 된다고 하네요.

 

그리고 좀 기다리면

플러터 프로젝트가 생성됩니다.

그리고 HelloWorld격인 시작 프로젝트 코드가 기본적으로 작성되어 있습니다.

 

그래서 바로 실행을 해보면 화살표에서 플랫폼을 선택하고 초록색 화살표로 재생하면 됩니다.

 

그러면 이런 + 버튼을 누르면 가운데 숫자가 올라가는 프로그램입니다.

이렇게 첫번째 Flutter 프로젝트 만들어봤습니다.

읽어주셔서 감사합니다.

반응형