전체 Flutter 가이드

Flutter 개발환경 설정

SDK 설치부터 첫 앱 실행까지

Flutter SDK 설치, IDE 설정(VS Code/Android Studio), 에뮬레이터 구성까지 — 개발을 시작하기 위한 완벽한 환경 세팅 가이드

Hot Reload & Hot Restart

Flutter 개발 속도를 10배 높이는 핵심 기능

코드 수정 후 1초 이내에 결과를 확인할 수 있는 Hot Reload — Flutter 개발 생산성의 핵심이자 다른 프레임워크와의 가장 큰 차별점

Flutter 배울 때 참고할만한 사이트

학습에 도움이 되는 외부 리소스 모음

Dart 소개

Google이 만든 클라이언트 최적화 프로그래밍 언어

Dart는 모든 플랫폼에서 빠르고 안정적인 앱을 만들기 위해 Google이 설계한 객체 지향 언어입니다. 모든 것이 객체이고, 강력한 타입 시스템과 Null Safety, JIT+AOT 컴파일을 지원합니다.

Dart 기본 문법

변수 선언, 문자열, 연산자, Null Safety 기초

Dart 프로그램은 main()에서 시작합니다. var/final/const/late/dynamic 변수 선언, 문자열 보간, Null Safety(?/!/??), 캐스케이드(..) 연산자 등 핵심 문법을 정리합니다.

Dart 타입 시스템

정적 타입, 타입 추론, 제네릭, typedef

Dart는 정적 타입 언어로 컴파일 타임에 타입을 검사합니다. 타입 추론, is/as 캐스팅, 타입 프로모션, 제네릭, typedef 등 타입 시스템의 핵심을 다룹니다.

Dart 클래스 & OOP

생성자 5종, 상속, 인터페이스, Mixin, 팩토리 패턴

Dart는 완전한 객체 지향 언어입니다. 5가지 생성자, extends/implements/with를 활용한 상속·인터페이스·Mixin, 팩토리 패턴으로 유연한 클래스 설계를 할 수 있습니다.

Dart 컬렉션

List, Set, Map + 스프레드, 컬렉션 for/if

Dart의 3대 컬렉션 — List(순서O, 중복O), Set(중복X, 집합 연산), Map(키-값 쌍). 스프레드 연산자, 컬렉션 for/if, 메서드 체이닝으로 강력한 데이터 처리가 가능합니다.

Dart 비동기 프로그래밍

Future, async/await, Stream, FutureBuilder

네트워크 요청, 파일 I/O 등 시간이 걸리는 작업에서 UI가 멈추지 않도록 처리합니다. Future(단일 결과)와 Stream(연속 이벤트), async/await로 비동기를 동기처럼 작성합니다.

Dart 예외 처리

try-catch-finally, on 타입별 처리, rethrow

Dart는 Exception(복구 가능)과 Error(복구 불가)를 구분합니다. try-catch-finally, on 타입별 처리, rethrow, 비동기 예외 처리까지 정리합니다.

Dart Extension

기존 클래스에 메서드/프로퍼티 추가하기

Extension은 원본 소스 수정이나 상속 없이 기존 클래스에 새로운 메서드·프로퍼티·연산자를 추가합니다. String에 capitalize, int에 isPrime, List에 distinct 등을 추가할 수 있습니다.

Dart Records & 패턴 매칭

Dart 3.0 — 다중 값 반환, 구조 분해, switch 패턴

Dart 3.0에서 도입된 Records는 클래스 없이 여러 값을 그룹화하는 불변 타입입니다. 패턴 매칭과 결합하면 switch/if-case에서 타입과 조건을 동시에 검사할 수 있습니다.

위젯 트리 이해하기

Flutter UI의 근본 — 모든 것은 위젯이다

Flutter에서 버튼, 텍스트, 패딩, 정렬 모두 위젯입니다. Widget → Element → RenderObject 3개의 트리가 UI를 구성하는 원리를 이해하세요

StatefulWidget vs StatelessWidget

상태 유무에 따른 위젯 선택 기준

변하지 않는 UI는 StatelessWidget, 사용자 상호작용으로 변하는 UI는 StatefulWidget — 올바른 선택이 성능과 구조를 결정합니다

Flutter 레이아웃 시스템

Row, Column, Stack, Flex로 UI 배치하기

Constraints go down, Sizes go up, Parent sets position — Flutter 레이아웃의 3대 규칙을 이해하면 모든 UI를 자유자재로 배치할 수 있습니다

Provider & Riverpod

Flutter 공식 추천 상태 관리 솔루션

Provider는 InheritedWidget의 래퍼로 간단한 상태 관리에 적합하고, Riverpod은 Provider의 후속작으로 컴파일 타임 안전성과 테스트 용이성을 제공합니다

BLoC 패턴

Business Logic Component로 관심사 분리하기

Event → BLoC → State 단방향 흐름으로 비즈니스 로직과 UI를 완전히 분리합니다. 대규모 앱에서 유지보수성과 테스트 용이성이 뛰어납니다

네비게이션 기초

push/pop과 Named Routes로 화면 이동하기

Navigator.push()/pop()으로 스택 기반 화면 전환을 구현하고, Named Routes로 URL 기반 라우팅을 설정하는 기본기

GoRouter 선언적 라우팅

Flutter 공식 추천 라우팅 패키지

go_router는 URL 기반 선언적 라우팅으로 딥링크, 리다이렉트, 중첩 라우트, 가드(인증 체크)를 깔끔하게 처리합니다

REST API 연동

http/dio로 서버와 데이터 통신하기

http 또는 dio 패키지로 REST API를 호출하고, JSON 직렬화/역직렬화로 Dart 객체와 매핑하는 실전 가이드

앱스토어 배포

iOS App Store + Google Play에 Flutter 앱 출시하기

앱 서명, 빌드 설정, 스토어 등록, 심사 대응까지 — Flutter 앱을 iOS App Store와 Google Play에 출시하는 전체 프로세스

플랫폼 채널

Flutter에서 네이티브 코드(Swift/Kotlin) 호출하기

Flutter에서 카메라, 블루투스, NFC 등 네이티브 기능이 필요할 때 MethodChannel을 통해 Swift(iOS)/Kotlin(Android) 코드와 통신하는 방법