2024. 12. 13. 16:38ㆍ같이 공부합시다 - Flutter/Flutter 기본기
이 글은 Flutter 가 이미 설치된 상황을 전제로 합니다.
만약 설치 되어있지 않다면 https:://flutter.dev 에서 설치를 먼저 진행해 주세요.
캘린더 기능 추가에 대한 글을 작성하다가
pub.dev 에서 제공하는 샘플을
테스트 해보고 싶은 생각이 들었습니다.
이미 작성중인 main.dart 가 있기 때문에,
기존 프로젝트에서는 샘플을 실행하기가 곤란했고,
그래서 다른 프로젝트 생성이 필요했습니다.
그런데 문득 !!
프로젝트 생성을 어떻게 했더라.. ?
맙소사.. 전 기초가 너무나도 부족합니다..
부끄러움은 잠시 묻어두고,
나아갈 방법을 찾아야겠죠?
Flutter에서 새로운 프로젝트를 만드는 방법

Flutter에서 새로운 프로젝트를 만드는 방법은 Flutter CLI(Command Line Interface)를 사용하거나 IDE(Android Studio 또는 Visual Studio Code)에서 GUI를 통해 만들 수 있습니다.
방법 1: CLI(Command Line Interface)로 프로젝트 생성
1. 프로젝트 생성 명령 실행
터미널 또는 명령 프롬프트에서 아래 명령어를 실행합니다:
flutter create project_name
- project_name: 생성할 프로젝트의 이름입니다.
- 프로젝트 이름은 소문자로 시작해야 하고, 밑줄(_)만 포함된 형식이어야 합니다. 예: my_app, todo_app.
2. 프로젝트 폴더로 이동
cd project_name
3. 프로젝트 실행
flutter run
- 기본적으로 Android 에뮬레이터, iOS 시뮬레이터, 또는 연결된 디바이스에서 실행됩니다.
방법 2: Visual Studio Code로 프로젝트 생성
1. VSCode 열기
- Visual Studio Code를 실행합니다.
2. Flutter 프로젝트 생성
- Command Palette 열기:
- Ctrl + Shift + P (Windows/Linux) 또는 Cmd + Shift + P (macOS).
- "Flutter: New Project" 선택.
- 프로젝트 이름 입력.
- 프로젝트를 저장할 디렉터리를 선택.
3. 프로젝트 실행
- Run and Debug 창에서 "Run" 클릭.
- 디바이스(Android 에뮬레이터, iOS 시뮬레이터 등)를 선택하여 실행.
프로젝트 생성 후 구조
새로운 프로젝트를 생성하면 기본적인 디렉터리 구조가 생성됩니다:
project_name/
├── android/ // Android 관련 파일
├── ios/ // iOS 관련 파일
├── lib/ // 애플리케이션 코드 (main.dart 포함)
│ └── main.dart // Flutter 애플리케이션 진입점
├── test/ // 테스트 코드
├── pubspec.yaml // 의존성 관리 파일
└── README.md // 프로젝트 설명 파일
주의 사항
- Flutter SDK 설치 확인:
- Flutter SDK가 올바르게 설치되어 있는지 확인:
- flutter doctor
- 프로젝트 이름 규칙:
- 프로젝트 이름은 알파벳 소문자, 숫자, 밑줄(_)만 사용할 수 있습니다.
- 의존성 설치:
- 프로젝트 생성 후, 의존성을 다운로드하려면:
- flutter pub get
- 디바이스 준비:
- Android 에뮬레이터, iOS 시뮬레이터 또는 USB 디바이스를 준비하여 실행.
프로젝트 실행 예제
1. 프로젝트 생성:
flutter create my_new_app
2. 디렉터리 이동:
cd my_new_app
3. 실행:
flutter run
전 VSCode 터미널에서
신규 프로젝트를 생성해 봤습니다.
<잘못 생성해버렸다!>

맙소사. 또 실수를 했네요.
기존 경로(todo_app) 안에 프로젝트를
생성해버렸습니다.
꼭 경로를 확인해 주세요 ㅠ^ㅠ
<신규 프로젝트 생성 완료>

Flutter 에서의 신규 프로젝트 생성은 매우 빠른편이네요.
빠른만큼 용량도 크지 않을 것 같아요.
cd test_app
flutter run
<경로 이동 후 실행>

<실행 결과 화면>

플러터의 기본 프로젝트는 카운터죠 : )
(오랜만… 벌써 한달)
좋습니다 !
이제 여러가지 테스트를 해볼 수 있겠어요.
끝!
'같이 공부합시다 - Flutter > Flutter 기본기' 카테고리의 다른 글
Flutter로 간단한 계산기 앱 만들기: 초보 개발자의 도전 (5) | 2025.01.04 |
---|---|
Flutter로 첫 입력 필드 만들기: 초보 개발자의 도전기 (6) | 2025.01.03 |
Flutter로 더 깊이 들어가기: 첫 앱에서 한 단계 더! (53) | 2025.01.02 |
Flutter 입문: 비개발자가 첫 앱을 만드는 방법 (11) | 2025.01.01 |
Dart 2.17 이후 생성자를 통한 객체 초기화 변경 내용 (+Quick Fix 사용법) (3) | 2024.11.22 |