만들면서 배우는 플러터 앱 프로그래밍 (7가지 모바일 앱 UI 제작 & RiverPod 상태 관리)

만들면서 배우는 플러터 앱 프로그래밍 (7가지 모바일 앱 UI 제작 & RiverPod 상태 관리)

$24.56
Description
최신 버전의 플러터 & Dart 핵심 문법 익힌 후 6가지 앱과 가지 웹을 제작해보고, RiverPod를 사용하여 상태 관리 방법 등 고급 기술도 자세하게 설명하였다!
이 책의 핵심 구성은 플러터 & 다트 핵심 문법을 익힌 후 스토어 앱, 레시피 앱, 프로필 앱, 로그인 앱, 쇼핑카트 앱, 모두의마켓 앱 등 6가지 모바일 앱을 만들고, 모두의숙소 웹 플러터 웹 페이지를 만들어본다. 또한 사진 관리 앱, 모두의블로그 앱, 상태 관리 앱을 만들고 RiverPod 상태 관리와 카메라를 제어해 볼 수 있다.

이 책을 통해 배우는 내용은 다음과 같다.
- 최신 버전의 플러터 & 다트 핵심 문법을 알기 쉽게 이해할 수 있다.
- 다양한 휴대폰 앱(App) UI를 만들어 본다.
- 컴포넌트화해서 제사용 가능한 위젯을 만들고, 유지보수에 용이하게 코드를 작성할 수 있다.
- 플러터로 웹(Web)을 만들어 본다.
- 유명한 어플을 클론 코딩하여 만들 수 있다.
- 카메라를 제어해볼 수 있다.
- API 서버와 JWT 인증 방식으로 통신하는 방식을 배울 수 있어요. 이를 통해 실무에서 백엔드 개발자와 협업해보는 간접 체험해 볼 수 있다.
- Riverpod를 사용하여 상태관리 방법을 배울 수 있다. 그리고 Riverpod를 사용하여 MVVM 패턴을 사용하여 앱을 효과적으로 만들어 볼 수 있다.
- 플러터의 가장 많이 사용하는 유형의 위젯만을 골라서 수록되어 있고, 가장 많이 사용되는 핵심 위젯을 모아서 공부해볼 수 있다.
저자

최주호

현)부산IT교육센터전임강사
현)blog.naver.com/codingspecialist운영
현)JSPStudy.co.kr운영자

(저서)
만들면서배우는플러터앱프로그래밍(앤써북)
AWS로구현하는CI/CD배포입문(앤써북)
JSPStudy의JSP&Servlet웹프로그래밍입문+활용3판(앤써북)
그누위즈의PHP&MySQL웹프로그래밍입문+활용2판+활용(앤써북)
모두가할수있는플러터UI실전(앤써북)
모두가할수있는플러터UI입문(앤써북)
IoT사물인터넷을위한라즈베리파이4정석(앤써북)

목차

CHAPTER01플러터이해하기
01_1플러터란?
01_2플러터의특징
01_3Dart언어의특징
01_4지금당장앱을만들어야한다면?
01_5 Skia엔진
01_6AOT와JIT지원
01_7SwiftUI와AndroidJetPackCompose
01-8플러터아키텍처
01_9플러터버전별차이점

CHAPTER02플러터시작하기
02_1FlutterSDK설치하기
FlutterSDK다운로드
FlutterSDK압축해제및폴더설정
Flutter환경변수설정
02_2안드로이드스튜디오설치하기
안드로이드스튜디오다운로드
안드로이드스튜디오설치하기
Flutter,Dart플러그인설치
Flutter프로젝트생성하기
FlutterDoctor
버전확인해보기
02_3안드로이드스튜디오환경설정
자동정렬설정
글자크기및폰트설정
02_4Flutter에뮬레이터로fist_app프로젝트실행하기
02_5HotReload체험해보기

CHAPTER03Dart문법익히기
03_1DartPad사용해보기
DartPad사이트접속하기
Flutter로앱코딩하기
순수Dart언어작성하기
03_2Dart변수
변수
타입확인
타입추론
03_3연산자알아보기
산술연산자
비교연산자
논리연산자
03_4조건문
if문
삼항연산자
null대체연산자
03_5함수
함수
익명함수와람다식
03_6클래스
클래스란?
객체(Object)란
객체지향프로그래밍
생성자
선택적매개변수
cascade연산자
03_7dartnullsafetye
dartNullSafety뭘까?
nullcheck연산자와null병합연산자
null억제연산자또는nullassert연산자
late키워드에대해알아보자
03_8 상속
다형성
슈퍼(super)키워드
final키워드와이니셜라이져(:)키워드
03_9 Mixin
03_10 추상클래스
추상클래스란?
03_11 컬렉션
List
Map
Set
03_12 반복문
for문
map함수
where연산자
스프레드연산자
03_13 final과const

CHAPTER04스토어앱만들기
04_1스토어앱구조보기
화면구조보기
MaterialAppvsCupertinoApp
Scaffold
필요한위젯살펴보기
플러터프로젝트생성하기
04_2스토어앱뼈대만들기
04_3스토어앱만들어보기
기본코드작성하기
Column위젯
Row위젯
Text위젯
SafeArea위젯
Text위젯의Style속성
OpenFlutterDevtools
Spacer위젯
Debug배너해제
Padding위젯
Image위젯
Expanded위젯-Column방향
SizedBox위젯

CHAPTER05레시피앱만들기
05_1레시피앱구조보기
화면구조보기
필요한위젯살펴보기
플러터프로젝트생성하기
05_2레시피앱뼈대구성하기
05_3레시피앱만들어보기
기본코드작성하기
AppBar위젯의action속성에Icon위젯추가하기
RecipeTitle커스텀위젯만들기
Theme에Font적용하기
Container위젯을활용한RecipeMenu커스텀위젯만들기
재사용가능한레시피리스트아이템만들기-클래스생성화활용
ListView위젯을활용하여세로스크롤달기
AspectRatio로이미지비율정하기
ClipRRect위젯으로이미지모서리에곡선주기

CHAPTER06프로필앱만들기
06_1레시피앱구조보기
화면구조보기
필요한위젯살펴보기
플러터프로젝트생성하기
06_2프로필앱뼈대구성하기
프로젝트구조세팅하기
기본코드작성하기
06_3프로필앱위젯구성하기
AppBar위젯과Scaffold의endDrawer속성활용하기
CircleAvatar위젯
Column위젯의CrossAxisAligment속성활용하기
재사용가능한함수만들기
InkWell위젯을사용하여ProfileButtons클래스만들기
TabBar위젯과TabBarView위젯사용하기
GridView위젯과Image.network

CHAPTER07로그인앱만들기
07_1로그인앱구조살펴보기
화면구조보기
필요한위젯살펴보기
플러터프로젝트생성하기
07_2로그인앱뼈대작성하기
프로젝트구조세팅하기
기본코드작성하기-화면이동을위한Routes
07_3LoginPage위젯구성하기
ListView위젯으로전체구성하기
SvgPicture라이브러리로Logo위젯만들기
TextFormField위젯만들기
Form위젯만들기
Form위젯에Theme를적용한TextButton추가하기
Navigator화면이동하기
Form위젯유효성(validation)검사하기
07_4HomePage위젯구성하기
home_page.dart코드완성하기

CHAPTER08쇼핑카드앱만들기
08_1쇼핑카트앱구조보기
화면구조보기
필요한위젯살펴보기
플러터프로젝트생성하기
08_2플러터상태관리StatefulWidget
StatefulWidget이란?
StatefulWidget과StatelessWidget의차이
위젯트리
StatefulWidget빌드흐름
BuildContext분리하기
08_3쇼핑카드앱뼈대작성하기
프로젝트구조세팅하기
기본코드작성하기
08_4쇼핑카드앱만들어보기
AppBar만들기
쇼핑카드헤더만들기-setState()함수
쇼핑카드디테일만들기-Stack위젯과Positioned위젯
쇼핑카드디테일만들기-CupertinoAlertDialog위젯

CHAPTER09모두의숙소웹만들기
09_1모두의숙소웹구조살펴보기
화면구조보기
플러터프로젝트생성하기
09_2모두의숙소웹뼈대작성하기
프로젝트구조세팅하기
기본코드작성하기
09_3모두의숙소웹만들어보기
헤더에AppBar만들기
헤더에Form에추가할CommonFormField만들기
헤더에Form만들기
바디에Banner만들기
바디Popular에추가할HomeBodyPopularltem만들기
바디에Popular완성하기
MediaQuery를활용한HomeHeaderForm가운데정렬
안드로이드에뮬레이터로실행해보기

CHAPTER10모두의마켓앱만들기
10_1앱뼈대만들기
폴더및파일만들기
pubspec.yaml파일설정하기
main_screens.dart기본코드작성
앱테마설정하기
main.dart파일완성하기
10_2메인화면만들기
MainScreens위젯기본코드작성하기
IndexedStack의하위위젯만들기
MainScreens위젯완성하기
10_3홈화면만들기
AppBar만들기
화면에사용할샘플데이터만들기
독립된파일로위젯만들기
HomeScreen위젯완성하기
10_4나의당근화면만들기
나의당근화면기본코드입력하기
나의당근화면Header위젯만들기
모델클래스만들기
하단Card메뉴위젯만들기
MyCarrotScreen위젯완성하기
10_5채팅화면만들기
모델클래스및샘플데이터만들기
재사용위젯만들기
CarttingScreen위젯기본코드입력하기
ChatContainer위젯만들기
CarttingsScreen위젯완성하기
10_6동네생활화면만들기
모델클래스및샘플데이터만들기
NeighborhoodLifeScreen위젯기본코드입력하기
LifeHeader위젯만들기
LifeBody위젯만들기
NeighborhoodLifeScreen위젯완성하기
10_7내근처화면만들기
모델클래스및샘플데이터만들기
NearMeScreen위젯기본코드입력하기
TextFilleld위젯만들기
수평방향으로스크롤되는위젯만들기
Wrap위젯사용해보기
Storeltem위젯만들기
NearMeScreen위젯완성하기

CHAPTER11사진관리앱만들기:카메라제어하기
11_1사진촬영저장어플만들기
플러터에서카메라를제어하는방법
새로운프로젝트생성하기
안드로이드권한부여하기
minSdkVersion설정하기
필요한패키지추가하기
어플리케이션구현하기
애플리케이션에서실행하기
11_2사진촬영저장및불러오기어플만들기
새로운프로젝트생성하기
안드로이드권한부여하기
필요한패키지추가하기
어플리케이션구현하기
애플리케이션에서실행하기

CHAPTER12상태관리앱만들기:RiverPod
12_1RiverPod이란?
StatefulWidgetvsRiverPod
12_2Provider
프로젝트실행화면
프로젝트생성
실습코드작성
12_3StateNotifierProvier
프로젝트실행화면
프로젝트생성
실습코드작성

CHAPTER13모두의블로그앱만들기:RiverPod
13_1모두의블로그앱구조살펴보기
13_2플러터프로젝트생성하기
13_3서버실행및테스트하기
서버실행하기
서버통신테스트하기
13_4PostMan설치및실행하기
13_5API문서분석하기
공통코드
회원가입
로그인
게시글목록보기
게시글한건보기
게시글쓰기
게시글수정하기
게시글삭제하기
자동로그인을위한토큰검증하기<

출판사 서평

다양한앱UI를직접만들면서플러터를자연스럽게배울수있다!

플러터개발환경구축과다트핵심문법위주로설명하여문법에대한부담을확줄였다.그대신실제상용앱의UI를클론코딩으로직접만들면서자연스럽게플러터를배울수있게과정별로상세히설명하였다.

이책의구성은다음과같다.
-Chapter01플러터이해하기
플러터에대한전반적인개념을살펴본다.
-Chapter02플러터시작하기
Windows에서Flutter개발환경을어떻게구축하는지알아보고실행해본다.
-Chapter03Dart문법익히기
Dart언어에서플러터앱개발시꼭필요한내용핵심문법에대해서배운다.
-Chapter04스토어앱만들기
스토어앱을만들면서MaterialApp,Scaffold,Column,Row,Text,SafeArea,Image,Spacer,Expanded,Padding,SizedBox위젯에대해서알아본다.
-Chapter05레시피앱만들기
레시피앱을만들면서AppBar,Container,Icon,ClipRRect,Container,AspectRatio,ListView위젯과Font변경방법을배운다.
-Chapter06프로필앱만들기
프로필앱을만들면서ThemeData클래스와TabBar,TabBarView,AppBar,InkWell,GridView,Drawer,Align위젯과Image위젯으로network이미지를다운받아서화면에표시하는방법에대해서알아본다.
-Chapter07로그인앱만들기
로그인앱을만들면서Form위젯,TextFormField위젯,Navigator위젯을위한Route,Svg위젯,앱전체디자인을위한Theme사용법을배운다.
-Chapter08쇼핑카트앱만들기
쇼핑카트앱을만들면서Form위젯,TextFormField위젯,Navigator위젯을위한Route,Svg위젯,앱전체디자인을위한Theme사용법을배운다.
-Chapter09모두의숙소웹만들기
모두의숙소웹을만들면서플러터웹에대해서배운다.
-Chapter10모두의마켓앱만들기
실제서비스되고있는중고거래모바일앱을벤치마킹후모두의마켓앱을만들어본다.
-Chapter11사진관리앱만들기_카메라제어하기
사진관리앱을만들면서플러터로카메라를제어하여실제환경에서사진을촬영하고,촬영한사진을어플리케이션에불러오는기능을수행해본다.
-Chapter12상태관리앱만들기_RiverPod
태관리를위한RiverPod라이브러리에대해서배워본다.
-Chapter13모두의블로그앱만들기_RiverPod
기본적인서버통신및상태관리를배우기위해RiverPod을사용하여상태를관리하고dio로서버와통신하는모두의블로그앱을만들어본다.

이책의실습을진행해보면서발생하는오류나궁금한사항은언제든지물어볼수있는커뮤니티사이트를운영한다.혼자서코딩하다궁금하면저자의네이버카페〈〈https://cafe.naver.com/metacoding〉〉에서언제든지물어보자.

**

플러터앱프로그래밍1판1쇄본문정정안내
편집오류로본문52쪽과53쪽의소스실행결과화면배치실수가발생하여2페이지정정안내합니다.번거로우시더라도52쪽과53쪽PDF파일을다운로드받아서보시면감사하겠습니다.다운로드방법은저자가운영하는메타코딩카페(https://cafe.naver.com/metacoding/2600)의공지사항을참고하시면됩니다.