- 플러터 학습을 시작하기 위한 기본 배경지식과 우리가 플러터에 관심을 가져야 하는 이유에 대해서 간단히 설명합니다.
- 입문단계에서 첫 번째 허들이 될 수 있는 윈도우용 플러터 개발환경을 실패없이 구축하는 방법을 설명합니다.
- 맥 환경에서 플러터 개발환경 구축은 의외로 꽤 까다롭습니다. 실리콘 맥(M2)를 기준으로 실패없이 플러터 개발환경을 구축하는 방법을 설명합니다.
- 위젯의 기본 개념을 한 번에 이해할 수 있도록 설명합니다.
- 플러터 앱을 만들기 위해서 반드시 알아야하는 프로그래밍 언어인 다트(Dart)의 기본 개념을 핵심만 뽑아서 심플하게 설명합니다.
- 처음 플러터 앱을 만들 때 템플릿처럼 구성되는 main.dart 페이지의 코드를 완벽하게 이해할 수 있도록 하나하나 설명합니다.
- 플러터의 주요 기본 위젯들을 사용해서 귀여운 캐릭터 카드페이지 앱을 만들어 봅니다.
- 캐릭터 카드페이지 앱
좀 더 다양한 위젯들을 사용해서 동물 이미지를 탭(tap)하면 해당 동물의 울음 소리가 구현되는 보다 완성도 높은 앱을 만들어 봅니다.
- 플러터의 핵심인 Stateless 위젯과 Stateful 위젯에 대한 심화학습을 합니다.
- 부모 위젯이 자식 위젯에게 데이터 전달 예제 앱
- build() 메서드 호출 예제 앱
- setState() 메서드 호출 예제 앱
- final 변수 사용 예제 앱
- Stateful 위젯 인스턴스 재사용 예제 앱
- widget 속성 사용 예제 앱
- 플러터 앱에서 사용되는 버튼들과 페이지 이동 구현 방법을 알아봅니다. 특히 페이지 이동과 관련해서 플러터 입문자들이 가장 어려워 하는 개념중에 하나인 "BuildContext"에 대해서도 알아봅니다.
- 플러터 버튼 예제 앱
- 앱화면 이동 예제 앱
- 다양한 애니메이션이 구현되는 깔끔한 로그인 페이지 UI를 만들어 보고, 이와 관련해서 보다 효율적인 유지/보수를 위한 코드 리팩토링 방법도 알아봅니다.
- 로그인 페이지 UI 앱
- 다양한 기기에 맞추어서 일관된 UI를 구현할 수 있는 기초적인 반응형 레이아웃을 만드는 방법을 알아봅니다.
- 반응형 레이아웃 앱
- 플러터 앱을 만들 때 가장 많이 사용되는 위젯과 기능들을 사용해서 재미있는 로또 앱을 만들어 봅니다.
- 로또 앱 1단계
- 로또 앱 2단계
- 로또 앱 3단계(최종)
- 거의 모든 앱에서 사용된다고 할 수 있는 "비동기 방식"을 구현하는 기본 방법과 개념에 대해서 충실하게 알아봅니다.
- Future 데이터 출력 앱
- Stream 데이터 출력 앱
- 파이어베이스 데이터에이스를 통해서 회원가입과 로그인 기능을 구현할 수 있는 앱을 만들어 봅니다. 특히, 기존의 로또 앱을 사용해서 로그인을 하면 로또 번호를 생성하는 페이지로 이동하는 앱을 만들어 봅니다.
- Firebase 앱
- 플러터 앱을 만들 때 매우 중요한 개념인 상태관리의 개념에 대해서 알아보고, Proiver를 사용한 기초적인 상태관리 방법을 알아봅니다.
- Provider 위젯을 사용한 상태 관리 앱
- ChangeNotifierProivder 위젯을 사용한 상태 관리 앱