앱 개발을 처음 접하는 분들도, 한 번쯤 들어봤을 이름이 있습니다. 바로 **Flutter(플러터)**입니다.
Flutter는 Google에서 만든 크로스 플랫폼 프레임워크로, 하나의 코드로 iOS와 Android 앱을 동시에 만들 수 있는 강력한 도구입니다.
이번 글에서는 Flutter 개발 환경을 설치하고, 첫 번째 앱(Hello World)을 실행하는 전체 과정을 따라가기 쉽게 알려드릴게요.
❓ Flutter가 뭔가요?
Flutter는 Dart 언어를 기반으로 작동하며,
하나의 코드로 모바일, 웹, 데스크탑 앱까지 만들 수 있습니다.
장점 요약:
- ✅ 하나의 코드로 iOS/Android 모두 개발 가능
- ✅ UI 성능이 뛰어남 (네이티브와 거의 동일)
- ✅ 위젯 기반으로 직관적인 디자인 가능
- ✅ 빠른 Hot Reload 기능으로 개발 효율 ↑
💻 개발 환경 설치 – Step by Step
📌 1단계: Flutter SDK 설치
- 공식 사이트 방문 👉 https://flutter.dev
- Get Started > Install > Your OS 선택
- Flutter SDK 다운로드 후 압축 해제
- 환경변수에 Flutter 경로 추가 (flutter/bin)
예시 (Windows 기준):
makefile
복사편집
C:\src\flutter\bin
📌 2단계: Android Studio 설치
- https://developer.android.com/studio 에서 설치
- 설치 시 Flutter 플러그인 & Dart 플러그인 함께 설치
- Android SDK 설치 여부 확인
- AVD(가상 디바이스) 생성 → 앱 실행 테스트용
📌 3단계: Flutter Doctor 실행
터미널(cmd 또는 powershell)에서 다음 명령어 실행:
bash
복사편집
flutter doctor
- 설치된 항목을 체크해주고
- 부족한 구성요소가 있다면 안내해줍니다.
✅ **모든 항목에 체크(V)**가 뜨면 설치 성공!
🛠️ 첫 Flutter 프로젝트 만들기
터미널에서 다음 명령어 입력:
bash
복사편집
flutter create hello_flutter cd hello_flutter code .
- flutter create: 새로운 프로젝트 생성
- code .: VSCode에서 열기 (또는 Android Studio 사용 가능)
📱 첫 앱 실행하기
▶️ 시뮬레이터 또는 실제 디바이스 실행
- Android Studio → AVD 실행
- 또는 Android 스마트폰을 USB로 연결
▶️ 앱 실행 명령어
bash
복사편집
flutter run
첫 앱이 실행되면, 기본 카운터 앱이 화면에 보일 거예요! 🎉
🔥 Hot Reload란?
코드를 수정한 뒤 저장만 하면, 앱을 다시 빌드하지 않아도 변경 사항이 즉시 반영되는 기능입니다.
dart
복사편집
Text('Hello, Flutter!')
위 텍스트를 바꾸고 저장하면, 바로 앱에 적용돼요.
✅ 개발 시간 절약에 정말 큰 도움이 됩니다.
📌 정리
항목설명
| Flutter SDK | 설치 및 환경 변수 설정 |
| Android Studio | 가상 디바이스 실행 |
| flutter doctor | 설치 상태 점검 |
| flutter create | 새 프로젝트 생성 |
| flutter run | 앱 실행 |
| Hot Reload | 코드 수정 실시간 반영 |