티스토리 뷰

Mobile/Flutter

[Flutter] 앱 생성 및 디버깅

해구름 2025. 3. 21. 16:46
반응형

프로젝트 생성

명령프롬프트에서 다음 명령 입력 (프로젝트명은 영어 소문자, 숫자, 언더바(_)로 구성)

flutter create project_name

프로젝트 파일

생성된 프로젝트의 주요 파일은 다음과 같습니다.

  • pubspec.yaml
    프로젝트 이름, 버전, 외부 의존성 패키지, 정적자원(이미지, 폰트 등) 등을 관리하는 프로젝트 구성 파일입니다.
  • lib 폴더
    Flutter의 코드가 담기는 폴더입니다. 기본적으로 main.dart가 존재합니다.
  • ios, android, linux, windows, web 폴더
    Flutter 앱이 실행되는 각각의 플렛폼에 관한 폴더입니다.
  • test 폴더
    Test 코드가 담기는 폴더입니다.

프로젝트 실행

기본적으로 Android Studio, Visual Studio Code에서 간편하게 실행할 수 있습니다.

  • Visual Studio Code
    1. Flutter프로젝트를 Visual Studio Code로 열고, Ctrl + Shift + P를 입력하여 Command를 열고 Flutter: Launch Emulator를 실행합니다. Android Emulator가 실행될 것입니다.
    2. lib/main.dart 파일을 열고 키보드의 F5 키를 클릭하면 앱이 실행되고 디버깅 상태가 됩니다. 또는 Ctrl + Shift + P를 입력한 후 Debug: Start Debugging을 선택하면 Flutter앱이 실행됩니다.
  • Android Studio
    Flutter프로젝트를 Android Studio로 열고, 상단에서 실행할 디바이스를 선택한 후 실행 버튼을 클릭합니다.
댓글