0Pricing
Flutter Mobile Development icon

Flutter Mobile Development

DARTMobileFrontendAndroidIos

Flutter로 크로스플랫폼 모바일 애플리케이션을 개발하고, iOS와 Android를 위한 아름답고 고성능의 앱을 만드세요.

🤖 AI 기반📚 22개 코스👥 100,000명 이상의 학습자⭐ 4.9 평점
코스 개요

Flutter로 크로스플랫폼 앱 빌드하기

Flutter는 단일 Dart 코드베이스를 네이티브 iOS, Android, 웹 애플리케이션으로 컴파일하는 Google의 오픈소스 UI 툴킷입니다. 자체 렌더링 엔진을 탑재하고 있어 플랫폼 위젯에 의존하지 않고도 픽셀 완벽한 고성능 UI를 구현할 수 있습니다. 이 트랙은 첫 번째 StatelessWidget부터 CI/CD 파이프라인과 옵저버빌리티를 포함한 프로덕션 앱 배포까지 Flutter 개발의 전체 스펙트럼을 다룹니다.

무엇을 배울까요

핵심 위젯, 레이아웃, 폼, 검증을 사용하여 실제 모바일 인터페이스를 만들게 됩니다. 그 후 트랙은 Riverpod 2.0과 BLoC 아키텍처로 상태 관리를 다루고, 비동기 프로그래밍과 네트워킹, 로컬 퍼시스턴스, Firebase 통합, Rive와 Flare를 포함한 고급 애니메이션을 다룹니다. 후속 과정에서는 CustomPainter와 Canvas를 사용한 커스텀 렌더링, 플랫폼별 플러그인, 클린 아키텍처와 모듈화, FFI와 네이티브 상호작용을 포함한 Flutter 엔진의 내부 구조를 다룹니다.

학습 경로

22개 과정이 A1부터 C2까지의 레벨을 아우릅니다. 경로는 Dart 기초와 핵심 UI로 시작하여 Material 3 테마, 네비게이션, 국제화 같은 B1 주제로 넘어가고, B2에서는 상태 관리, 테스팅, Firebase, 고급 애니메이션으로 심화됩니다. C1 단계에서는 플랫폼 기능, 배포, 성능 프로파일링, 옵저버빌리티를 포함한 프로덕션급 CI/CD를 다룹니다. 트랙은 Flutter 엔진, FFI, 네이티브 상호작용을 다루는 C2 과정으로 마무리되며, 이는 Flutter 자체를 유지 또는 확장하는 엔지니어에게 기대되는 수준입니다.

어떻게 진행되나요

각 과정은 내장 코드 편집기에서 실시간 피드백을 받으며 완료하는 짧고 집중된 수업으로 나뉩니다. 막힐 때마다 AI 튜터를 활용할 수 있어 앱을 벗어나지 않고도 계속 진행할 수 있습니다.

학습 시작 →

학습 방식

🎯
인터랙티브 레슨
실시간 피드백을 받으며 직접 코딩 연습하기
🤖
AI 튜터
막힐 때마다 AI 튜터에게 즉시 도움받기
💻
내장 에디터
브라우저에서 바로 코드 작성 & 실행하기
🏆
수료증
과정을 완료하면 수료증 취득하기
커리큘럼

22개 코스

Flutter Mobile Development 학습 경로의 모든 코스.

01

Flutter와 Dart 기초 입문

A14개 레슨

Flutter 프레임워크를 이해하고 Dart 프로그래밍 언어의 기초를 익히며 크로스 플랫폼 모바일 개발을 시작해 보세요. 개발 환경을 설정하고 첫 Flutter 애플리케이션을 직접 만들어 보실 수 있습니다.

02

핵심 위젯과 UI 레이아웃

A24개 레슨PRO

Flutter UI의 기본 구성 요소인 위젯을 살펴보세요. 상태 비저장 위젯과 상태 저장 위젯의 차이를 배우고 다양한 레이아웃 위젯으로 UI 구성 요소를 효과적으로 배치하는 방법을 익히실 수 있습니다.

03

양식, 유효성 검사와 사용자 입력

A24개 레슨PRO

Flutter 애플리케이션에서 견고하고 사용하기 편한 양식을 만들어 보세요. 다양한 유형의 사용자 입력을 처리하고 효과적인 유효성 검사 규칙을 구현하며 사용자에게 명확한 피드백을 제공하는 방법을 배우실 수 있습니다.

04

국제화 및 접근성

B14개 레슨PRO

적절한 현지화, RTL 지원, 화면 낭독기 의미 체계를 갖춘 포용적인 다국어 Flutter 앱을 출시합니다.

05

Material 3 및 테마를 활용한 디자인 시스템

B14개 레슨PRO

Material 3 토큰, 동적 색상, 사용자 정의 테마 확장 기능으로 재사용 가능하고 브랜드에 맞게 조정할 수 있는 디자인 시스템을 구축합니다.

06

앱의 탐색과 라우팅

B14개 레슨PRO

애플리케이션의 여러 부분 사이에서 화면 전환과 데이터 흐름을 관리하는 방법을 알아보세요. 원활한 사용자 경험을 위해 기본 탐색, 이름이 지정된 경로, 고급 라우팅 패턴을 구현하실 수 있습니다.

07

데이터 지속성과 로컬 저장소

B14개 레슨PRO

Flutter 애플리케이션에 데이터를 로컬로 저장하는 다양한 방법을 알아보세요. 간단한 키-값 쌍부터 완전한 데이터베이스까지, 오프라인에서 사용할 수 있도록 사용자 설정과 애플리케이션 데이터를 보존하는 방법을 배우실 수 있습니다.

08

상태 관리 기초

B24개 레슨PRO

Flutter 애플리케이션에서 핵심적인 개념인 상태 관리를 이해해 보세요. 간단한 `setState`부터 Provider와 Riverpod 같은 강력한 패키지까지 다양한 기법으로 애플리케이션 데이터를 효율적으로 관리하는 방법을 살펴보실 수 있습니다.

09

비동기 프로그래밍과 네트워킹

B24개 레슨PRO

반응형 애플리케이션 구축에 필수적인 Dart와 Flutter의 비동기 작업을 익혀 보세요. 인터넷에서 데이터를 가져오고 네트워크 요청을 처리하며 데이터 스트림을 효율적으로 관리하는 방법을 배우실 수 있습니다.

10

고급 UI와 애니메이션

B24개 레슨PRO

고급 그리기 기법을 살펴보고 인상적인 애니메이션을 만들어 Flutter UI 역량을 한 단계 높여 보세요. 사용자 지정 위젯을 설계하고 암시적·명시적 애니메이션을 구현하여 애플리케이션에 생동감을 더하실 수 있습니다.

11

Flutter 앱 테스트와 디버깅

B24개 레슨PRO

종합적인 테스트와 효과적인 디버깅 전략으로 Flutter 애플리케이션의 품질과 안정성을 확보해 보세요. 단위 테스트, 위젯 테스트, 통합 테스트를 작성하고 Flutter의 강력한 디버깅 도구를 활용하는 방법을 배우실 수 있습니다.

12

Firebase 통합

B24개 레슨PRO

Google의 모바일 및 웹 애플리케이션 개발 플랫폼인 Firebase를 Flutter 프로젝트에 통합해 보세요. 인증, 실시간 데이터베이스, 클라우드 저장소 등 Firebase 서비스를 활용하여 강력한 백엔드 기반 앱을 구축하실 수 있습니다.

13

Riverpod 2.0 심층 학습

B24개 레슨PRO

Riverpod 2.0 프로바이더, 코드 생성, 비동기 데이터 흐름으로 현대적인 반응형 상태 관리를 익힙니다.

14

확장 가능한 앱을 위한 BLoC 아키텍처

B24개 레슨PRO

bloc와 hydrated_bloc를 활용한 BLoC 패턴으로 유지 관리하기 쉬운 이벤트 기반 Flutter 앱을 구축합니다.

15

CustomPainter 및 Canvas를 활용한 사용자 정의 렌더링

B24개 레슨PRO

Flutter 캔버스에 직접 그려 독창적인 그래픽, 차트, 시각 효과를 만듭니다.

16

Rive 및 Flare를 활용한 고급 애니메이션

B24개 레슨PRO

Rive 런타임과 상태 머신 기반 애니메이션을 통합해 풍부하고 상호작용이 뛰어난 모션 디자인을 구현합니다.

17

플랫폼별 기능과 플러그인

C14개 레슨PRO

네이티브 기기 기능과 플랫폼별 API에 접근하여 Flutter 애플리케이션을 확장해 보세요. 플랫폼 채널로 사용자 지정 네이티브 코드를 작성하고 위치 정보와 카메라 같은 기능을 위한 인기 플러그인을 통합하는 방법을 배우실 수 있습니다.

18

배포와 성능 최적화

C14개 레슨PRO

앱 스토어 배포 과정을 배우고 성능을 최적화하여 Flutter 애플리케이션을 프로덕션에 맞게 준비해 보세요. 앱을 프로파일링하고 번들 크기를 줄이며 지속적 통합 및 배포를 구현하는 방법을 이해하실 수 있습니다.

19

클린 아키텍처 및 모듈화

C14개 레슨PRO

계층형 클린 아키텍처, 기능 모듈, 의존성 역전을 사용해 대규모 Flutter 코드베이스를 구성합니다.

20

성능 프로파일링 및 렌더링 내부 구조

C14개 레슨PRO

DevTools를 사용해 버벅거림을 진단하고 빌드·레이아웃·페인트 파이프라인을 최적화하며 앱을 120fps에 맞게 조정합니다.

21

운영 수준의 CI/CD 및 관측 가능성

C14개 레슨PRO

빌드, 변형, 충돌 보고, 기능 플래그를 자동화해 운영 환경에서 Flutter 앱을 안정적으로 관리합니다.

22

Flutter 엔진, FFI 및 네이티브 상호 운용

C24개 레슨PRO

FFI, Pigeon, 플랫폼 채널을 활용해 Dart와 네이티브 C/C++, Kotlin, Swift 코드를 대규모로 연결합니다.

자주 묻는 질문

자주 묻는 질문

Flutter Mobile Development 강의는 무료인가요?

네, Flutter Mobile Development 강의를 무료로 시작하고 인터랙티브 레슨을 모두 무료로 완료할 수 있습니다. 선택적 PRO 구독을 통해 고급 AI 도구와 공유 가능한 수료증을 잠금 해제할 수 있습니다.

DART을(를) 배우기 위해 사전 경험이 필요한가요?

아니요. 강의는 기초부터 시작하여 점차 더 심화된 주제로 나아가므로 DART 경험이 없어도 시작할 수 있습니다.

CoddyKit에서 DART은(는) 어떻게 배우나요?

직접 해보면서 배웁니다. 짧은 인터랙티브 레슨은 명확한 설명과 실시간으로 실행되는 실습 코딩 연습을 함께 제공하며, 24시간 AI 튜터가 막힐 때마다 맞춤형 도움을 줍니다.

Flutter Mobile Development을(를) 완료하면 수료증을 받나요?

네, PRO 학습자는 시험을 응시하고 Flutter Mobile Development 강의의 검증 코드가 포함된 공유 가능한 수료증을 취득할 수 있습니다.

휴대폰에서 DART을(를) 배울 수 있나요?

네, CoddyKit은 웹과 iOS, Android 네이티브 앱으로 이용 가능하므로 어느 기기에서나 DART을(를) 배우고 진행 상황이 모든 기기에서 동기화됩니다.

Flutter Mobile Development을(를) 지금 시작하기

AI 기반 강의로 프로그래밍을 배우는 수천 명의 학습자들과 함께하세요.

무료로 시작하기 →모든 강의 보기