[Flutter] 입문 - 시작과 기초 개념 잡기

목표

  • Flutter란 무엇인지 이해하기
  • Flutter 설치 및 개발 환경 세팅
  • 첫 번째 Flutter 앱 실행
  • Flutter 프로젝트 구조 이해

Flutter란?

Flutter는 Google에서 개발한 오픈소스 UI 프레임워크로, 하나의 코드베이스로 iOS, Android, Web, 데스크탑까지 다양한 플랫폼에서 앱을 만들 수 있다.

핵심은 빠른 개발, 직관적인 UI 구성, 그리고 Dart 언어를 기반으로 한다는 점이다.


💻 개발 환경 세팅

1. Flutter 설치

  • 공식 사이트: https://flutter.dev
  • 설치 방법: OS에 따라 제공되는 zip 파일을 다운 받아 압축 해제 후, flutter/bin 경로를 PATH에 등록

2. Android Studio 설치 (권장)

  • Flutter와 함께 사용하는 IDE 중 가장 안정적
  • 플러그인 설치:
    • Flutter
    • Dart

3. 환경 점검

flutter doctor
  • 위 명령어로 설치 상태를 점검하고, 부족한 부분이 있으면 안내에 따라 보완

첫 번째 앱 실행

flutter create hello_flutter
cd hello_flutter
flutter run

 

  • 위 명령어로 간단한 Flutter 프로젝트를 생성하고 실행
  • 기본 Counter App이 동작하는 것을 확인할 수 있음

프로젝트 구조 이해

hello_flutter/
│
├─ lib/              # Dart 코드가 들어가는 폴더
│   └─ main.dart     # 앱 진입점 (main 함수)
│
├─ pubspec.yaml      # 패키지 및 의존성 설정
├─ android/          # 안드로이드 관련 설정
├─ ios/              # iOS 관련 설정