콘텐츠로 건너뛰기

[Flutter] Flutter 프로젝트 구성 및 가상 디바이스

플러터(Flutter)는 크로스 플랫폼으로 하나의 코드 베이스로 다양한 앱을 만들 수 있습니다. 이번 포스팅에서는 Android 및 iOS 앱을 대상으로 Flutter 프로젝트 구성하고 가상 디바이스를 통해서 앱을 실행시켜보겠습니다.

사전 준비 사항

맥북에서 인텔리제이(IntellIJ) 기반으로 개발하기 때문에 개발 환경 구성이 되어 있어야 합니다.

만약 환경 구성이 안되어 있다면 다음 포스트를 참고하여 개발 환경 구성을 해주세요.

Flutter 프로젝트 구성

프로젝트 생성

Flutter 프로젝트를 생성하고, Platforms에서 AndroidiOS를 선택합니다.

Dart 패키키 이름은 소문자와 _ 만 허용하기 때문에 소문자와 _ 를 사용하여 프로젝트 이름을 생성해주세요.

Android SDK 설정

[설정] 메뉴로 들어가서 [언어 및 프레임워크] > [Android SDK 업데이트 관리자] 항목을 선택합니다. 아래와 같이 Android SDK 위치가 지정되어있지 않다면 Android SDK 위치를 지정합니다.

Android 패싯 추가

[파일] > [프로젝트 구조] 메뉴로 들어가서 [패싯] 항목을 선택 후 Andriod를 추가합니다.

가상 디바이스

정상적으로 개발 환경이 구성되었고, 프로젝트에 SDK 및 패싯을 정상적으로 추가했으면 아래와 같이 iOS Simulator와 Android Emulator를 확인할 수 있습니다.

인텔리제이 가상 디바이스 선택
인텔리제이 가상 디바이스 선택

iOS Simulator 또는 Android Emulator을 선택하면 가상 디바이스가 실행되고, 해당 디바이스를 선택하고 디버그 버튼을 누르면 가상 디바이스에 연결하여 디버깅을 할 수 있습니다.

인텔리제이(IntelliJ) iOS Simulator 실행
인텔리제이(IntelliJ) iOS Simulator 실행화면

마치며

이제 프로젝트를 구성하고, 가상 디바이스를 실행해보았습니다. 본격적으로 앱을 만들어보겠습니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

목차 보기