플러터 UI 실전 (플러터 2 반영 | 클론 코딩으로 최신 트랜디한 3가지 앱 UI 만들기)

플러터 UI 실전 (플러터 2 반영 | 클론 코딩으로 최신 트랜디한 3가지 앱 UI 만들기)

$21.84
Ask a Question
Vendor: 앤써북 - 김근호
Type: UX/UI
SKU: 9791185553825
Categories: ALL BOOKS 컴퓨터/인터넷 컴퓨터/인터넷_프로그래밍 개발/방법론
Tags: 컴퓨터/IT_웹사이트 플러터UI실전플러터2반영클론코딩으로최신트랜디한3가지앱UI만들기
Description
이 책은 플러터 2.x 최신 버전을 사용했으며 클론 코딩으로 모두의마켓, 모두의컬리, 모두의플레이 3가지 앱을 구성하는 다양한 화면을 직접 만들어본다!
플러터(Flutter)와 Dart 다트 언어의 문법을 잘 익히는 것도 중요하다. 하지만 문법을 이해했다고 실무 개발을 잘하는 것은 아니다. 반면 실제 프로젝트를 직접 코딩하며 만들어보면 플러터 이해하기가 더 쉽고 실무 개발을 이해하는데도 더 도움이 된다.

이 책은 실제로 서비스되고 있는 3가지 앱의 화면을 직접 만들어 보면서 실무에서 바로 적용할 수 있는 개념과 기법을 배울 수 있도록 구성되었다. 이 책에서는 다음과 같이 비교적 쉽게 접근할 수 있는 난이도의 모두의마켓 앱, 모두의컬리 앱 화면부터 상당히 수준 높은 모두의플레이 앱 화면까지 3가지 유형의 앱 UI 프로젝트 만든다. 3가지 유형의 앱 화면 만들기 프로젝트를 차근차근 수행하다보면 어느새 플러터 앱 개발할 할 수 있다는 자신감이 얻을 수 있을 것이다.
저자

김근호

현대금형관리프로그램개발
부동산웹,앱프로그램개발
캠핑장예약관리시스템개발
산업인력공단HRD프로그램개발
실시간개인방송플랫폼앱개발

[저서]
모두가할수있는플러터UI실전(앤써북)

목차

Chapter01모두의마켓UI만들어보기
01_1앱뼈대만들기
폴더및파일만들기
pubspec.yaml파일설정하기
main_screens.dart기본코드작성
앱테마설정하기
main.dart파일완성하기

01_2메인화면만들기
MainScreens위젯기본코드작성하기
primaryColor설정하기
IndexedStack의하위위젯만들기
MainScreens위젯완성하기

01_3홈화면만들기
AppBar만들기
화면에사용할샘플데이터만들기
독립된파일로위젯만들기
HomeScreen위젯완성하기

01_4나의당근화면만들기
나의당근화면기본코드입력하기
나의당근화면Header위젯만들기
모델클래스만들기
하단Card메뉴위젯만들기
MyCarrotScreen위젯완성하기

01_5채팅화면만들기
모델클래스및샘플데이터만들기
재사용위젯만들기
ChattingScreen위젯기본코드입력하기
ChatContainer위젯만들기
ChattingScreen위젯완성하기

01_6동네생활화면만들기
모델클래스및샘플데이터만들기
NeighborhoodLifeScreen위젯기본코드입력하기
LifeHeader위젯만들기
LifeBody위젯만들기
NeighborhoodLifeScreen위젯완성하기

01_7내근처화면만들기
모델클래스및샘플데이터만들기
NearMeScreen위젯기본코드입력하기
TextField위젯만들기
수평방향으로스크롤되는위젯만들기
Wrap위젯사용해보기
Storeltem위젯만들기
NearMeScreen위젯완성하기


Chapter02모두의컬리UI만들어보기
02_1앱뼈대만들기
폴더만들기
프로젝트전체에서사용할기본파일만들기
pubspec.yaml파일설정하기
프로젝트에사용할아이콘및이미지추가하기

02_2Splash화면만들기
splash_screen.dart파일기본코드작성
main_screens.dart기본코드작성
routes.dart파일코드작성
constants.dart파일코드작성
theme.dart파일코드작성
main.dart파일코드작성
splash_screen.dart파일코드작성

02_3mainScreens위젯만들기
StatefulWidget위젯으로변경하기
IndexedStack위젯에들어갈자식위젯만들기
Indexed위젯추가하기
bottomNavigationBar데이터모델클래스만들기
MainScreens위젯완성하기

02_4마이컬리화면만들기
공통위젯만들기
AppBar만들기
MyKurlyHeader위젯만들기
데이터모델클래스만들기
MyKurlyBody위젯만들기
MyKurlyScreen위젯완성하기

02_5로그인화면만들기
SignInScreen기본위젯만들기
SignInScreenAppbar만들기
KurlySignForm위젯만들기

02_6홈화면만들기
홈화면TabBar만들기
데이터모델클래스만들기
TabBarView컬리추천화면만들기
TabBarView신상품화면만들기
TabBarView금주혜택화면만들기
TabBarView알뜰쇼핑화면만들기

02_7상세보기화면만들기
상세보기화면기본코드작성하기
arguments객체설정하기
Body위젯완성하기

02_8카테고리화면만들기
카테고리화면기본코드입력하기
모델클래스및샘플데이터만들기
SliverList안에들어갈ExtendslconTextCard위젯만들기
SliverGrid안에들어갈ImageTextCard위젯만들기
카테고리화면완성하기

02_9검색화면만들기
검색화면기본코드입력하기
DefaultSearchField위젯만들기
SearchScreen위젯완성하기

02_10추천화면만들기
추천화면기본코드입력하기
SatckProductltem위젯만들기
CardProductltem위젯만들기
추천화면완성하기


Chapter03모두의플레이UI만들어보기
03_1앱뼈대만들기
폴더만들기
프로젝트전체에서사용할기본파일만들기
pubspec.yaml파일설정하기
프로젝트에사용할아이콘및이미지추가하기

03_2스플래시화면만들기
splash_screen.dart파일기본코드작성
profile_screens.dart기본코드작성
routes.dart파일코드작성
constants.dart파일코드작성
theme.dart파일코드작성
main.dart파일코드작성
splash_screen.dart파일작성

03_3프로필화면만들기
프로필화면기본코드작성하기
ProfileCard와AddCard위젯작성하기
프로필화면완성하기
MainScreens위젯으로이동하기

03_4메인화면만들기
MainScreens위젯의자식위젯만들기
bottomNavigationBar데이터모델클래스만들기
MainScreens위젯완성하기

03_5홈화면만들기
Sliver를이용하여고정된앱바를포함한위젯만들기
순위를보여주는RankPoster위젯만들기
반복되는Poster위젯만들기
동시에움직이는두개의스크롤뷰만들기
BottomSheet위젯으로영상정보위젯만들기

03_6상세정보화면만들기
상세정보화면으로이동하기
동영상플레이어위젯추가하기
episode데이터모델클래스만들기
NestedScrollView로TapBar를화면중간에추가하기
TabBar의첫번째View작성하기
TabBar의두번째View작성하기

03_7공개예정화면만들기
공개예정화면기본코드작성하기
동영상플레이어위젯추가하기
공개예정화면완성하기

03_8지정된콘텐츠목록화면만들기
이미지를회전시켜주는RotateImage위젯만들기
ContentsListScreen완성하기

출판사 서평

이책의프로젝트에서만드는앱화면들이다.

▶프로젝트01:모두의마켓앱화면만들기
앱뼈대만들기/메인화면만들기/홈화면만들기/나의당근화면만들기/채팅화면만들기/동네생활화면만들기/내근처화면만들기

▶프로젝트02:모두의컬리앱화면만들기
앱뼈대만들기/스플래시화면만들기/mainScreens위젯만들기/마이컬리화면만들기/로그인화면만들기/홈화면만들기/상세보기화면만들기/카테고리화면만들기/검색화면만들기/추천화면만들기

▶프로젝트03:모두의플레이앱화면만들기
앱뼈대만들기/스플래시화면만들기/프로필화면만들기/메인화면만들기/홈화면만들기/상세정보화면만들기/공개예정화면만들기/지정된콘텐츠목록화면만들기

이책의예제소스코드,저자에게질문하는방법은“4~5쪽”을참고합니다.