플러터 프로젝트 (11가지 앱을 만들며 배우는 크로스 플랫폼 앱개발)

시모네알레산드리아

SimoneAlessandria
12살때코모도어64용텍스트기반판타지게임으로첫프로그램을만들었다.몇년이지난뒤,그는이제MCT(MicrosoftCertifiedTrainer)강사,작가,강연자,열정적인소프트웨어아키텍트이며,항상자부심이있는코더다.그는Pluralsight에서Dart및Flutter에대한여러강좌를진행했으며,그의꿈은개발자들이훈련과멘토링을통해더많은것을이룰수있도록돕는것이다.

Chapter00플러터프로젝트를구축하기위한환경설정
0-1WindowsPC에플러터설치하기
0-2Mac에플러터설치하기

Chapter01안녕플러터!
1-1기술요구사항
1-2다트언어기본이해
1-3여러분의첫번째플러터앱생성하기

Chapter02마일또는킬로미터?Stateful위젯사용하기
2-1기술요구사항
2-2프로젝트개요
2-3state와stateful위젯이해하기
2-4측정값변환기프로젝트만들기

Chapter03나의시간-데이터의스트림듣기
3-1기술요구사항
3-2타이머홈페이지레이아웃구축
3-3플러터에서스트림과비동기프로그래밍사용하기
3-4설정라우트로탐색하기
3-5설정화면의레이아웃만들기
3-6shared_preferences를사용하여앱데이터읽기및쓰기

Chapter04퐁게임-2D애니메이션과제스처
4-1기술요구사항
4-2앱의UI구현하기
4-3애니메이션사용하기
4-4게임로직추가하기
4-5GestureDetector사용하기
4-6막대기위치확인하기
4-7게임에무작위성추가하기
4-8점수를추가하고게임을완료하기

Chapter05영화보러가자-웹에서데이터가져오기
5-1기술요구사항
5-2프로젝트개요
5-3웹서비스에연결하고HTTP를사용하여데이터검색하기
5-4JSON데이터파싱하고모델객체로변환하기
5-5ListView로데이터보여주기
5-6상세정보화면을표시하고화면을통해데이터를전달하기
5-7검색기능추가하기

Chapter06데이터저장-Sq(F)Lite를사용하여로컬데이터베이스에데이터를저장하기
6-1기술요구사항
6-2본질적인이론및맥락
6-3프로젝트개요
6-4sqflite데이터베이스사용하기
6-5모델클래스만들기
6-6사용자에게데이터베이스데이터를보여주기

Chapter07앱에불붙이기-플러터앱에파이어베이스통합하기
7-1기술요구사항
7-2파이어베이스소개
7-3프로젝트개요
7-4여러분의플러터프로젝트에파이어베이스추가하기
7-5앱에인증추가하기
7-6파이어베이스에데이터쓰기:즐겨찾기기능추가

Chapter08보물지도-지도를통합하고기기의카메라를사용하기
8-1기술요구사항
8-2위치정보및카메라-강력한한쌍
8-3Google지도를플러터에통합하기
8-4기기의카메라사용하기

Chapter09주사위로놀자:녹아웃-Rive로애니메이션을생성하기
9-1기술요구사항
9-2프로젝트개요
9-3Rive란?
9-4Rive로오브젝트만들기
9-5Rive를사용하여오브젝트를살아움직이게하기
9-6플러터앱에Rive통합하기

Chapter10할일관리앱-BLoC패턴및Sembast활용하기
10-1기술요구사항
10-2프로젝트개요
10-3데이터를저장하기위해sembast를이용하기
10-4BLoC패턴

Chapter11플러터웹앱구축하기
11-1기술요구사항
11-2필수이론및컨텍스트
11-3프로젝트개요
11-4브라우저에서실행되는플러터앱구축하기
11-5반응형UI만들기
11-6shared_preferences를사용하여다양한플랫폼에데이터저장하기
11-7웹서버에플러터앱게시하기

Chapter12해설

이책을읽을때는직접코드를입력하면서실행해보기를권장합니다.프로젝트를작성할수있는다른방법이있을지도스스로에게물어보면아주좋습니다.이렇게하면개념을훨씬더명확하고쉽게만들수있어서여러분의향후프로젝트에재사용할수있습니다.각프로젝트가끝날때마다질문에답하면,각장에서만든앱에대해다른관점을발견할수있습니다.

1장.안녕플러터!
가상여행사의프레젠테이션화면을보여주는앱인“HelloFlutter”를만듭니다.이번프로젝트는다트,플러터를이용해서아주기본적인앱을만드는방법에초점을맞추고있으며,책의나머지부분에서앱을만드는데필요한기초적인내용을제공합니다.

2장.마일또는킬로미터?-Stateful위젯이용하기
측정값변환앱을어떻게만드는지보여줍니다.이장의주요목표는플러터앱에State를도입하여상호작용하도록만드는것입니다.이프로젝트에서는TextField,DropDownButton및setState()메서드를사용하여Stateful위젯의상태를갱신합니다.

3장.나의시간-데이터의스트림듣기
더발전된상태처리방법을보여줍니다.즉,데이터스트림을듣는것입니다.이프로젝트에서는스트림을기반으로하는애니메이션을사용하여생산성타이머를생성하게됩니다.이장에서는플러터의비동기프로그래밍과탐색,라이브러리사용,데이터저장과같은몇가지핵심개념을소개합니다.

4장.퐁게임-2D애니메이션과제스처
간단한2차원애니메이션게임을만듭니다.공이화면을가로질러이동하고플레이어는공이화면에서떨어지는것을방지해야하는애니메이션게임입니다.이장의주요주제는애니메이션사용하기,GestureDetector를이용한제스처탐지하기,난수생성입니다.

5장.영화보러가자-웹에서데이터가져오기
웹서비스에서가져온영화목록을표시하는앱생성을다룹니다.주요주제에는ListView사용,JSON데이터파싱,HTTP프로토콜을통해원격서비스에연결하기,API에서검색을수행하기위한GET요청빌드가포함됩니다.Dart의비동기프로그래밍은장전체에서사용됩니다

6장.데이터저장-Sq(F)Lite를사용하여로컬데이터베이스에데이터를저장하기
이프로젝트에서는쇼핑리스트를만드는방법에대해보여줍니다.이프로젝트의주요개념은플러터에서SQLite를사용하는것,모델클래스만들기,CRUD(Create,Read,Update및Delete)작업수행하기,싱글톤모델사용입니다.

7장.앱에불붙이기-플러터앱에파이어베이스통합하기
파이어베이스를활용하여기록적인시간내에프론트엔드UI와백엔드를모두설계하는풀스택애플리케이션을만드는방법을보여줍니다.

8장.보물지도-지도를통합하고,기기의카메라를사용하기
사용자가지도위에장소를표시하고그곳에데이터와사진을추가할수있는앱을빌드합니다.사진은카메라를사용하여생성됩니다.이프로젝트는모바일프로그래밍의두가지중요한기능인지리적위치와장치의카메라사용을다룹니다.

9장.주사위로놀자:녹아웃-Rive로애니메이션을생성하기
아름다운애니메이션을쉽게만들고플러터에직접포함시킬수있는온라인도구인Rive를사용하여플러터에서주사위게임을만드는프로젝트에중점을둡니다.

10장.할일관리앱-BLoC패턴및Sembast활용하기
BLoC(BusinessLogicComponent)패턴을활용하여앱상태를관리하는방법을보여줍니다.또한SimpleEmbeddedApplicationStore데이터베이스를사용하여장치에데이터를저장하는방법도알아봅니다.

11장.플러터웹앱구축하기
브라우저에서실행되는플러터앱을빌드하는방법과반응형사용자인터페이스를만드는방법을보여줍니다.