플러터 프로젝트

11가지 앱을 만들며 배우는 크로스 플랫폼 앱개발

시모네 알레산드리아 지음 | 박수빈 옮김

영진닷컴 2022년 06월 22일 출간 종이책 : 2021년 06월 30일 출간

작품소개

책소개

직접 만들어보면서 배우는 앱 개발 입문서

구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크인 플러터는 코드 하나로 안드로이드와 iOS를 비롯한 모바일 앱,웹 앱,데스크톱 애플리케이션 등 다양한 플랫폼에 배포할 수 있게 해준다.

프로그래밍을 익히는 가장 좋은 방법은 직접 뭔가를 만들어 보는 것이라 말하는 저자는 플러터를 통해 앱을 만들며 독자들에게 모바일 앱 개발에 필요한 기초 개념을 소개한다.바닥부터 차근차근 설명해주는 저자의 설명과 함께 만들어보는단위 변환기와 타이머,영화 정보 앱,간단한 퐁게임을 포함한 총 11가지 프로젝트를 통해 기본적인 다트 언어 코딩 방법과 앱 개발에 필요한 테크닉까지 직접 체험해가며 이해할 수 있다.

목차

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

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

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

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

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

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

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

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

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

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

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

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

Chapter 12 해설

출판사 서평

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

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

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

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

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

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(Business Logic Component) 패턴을 활용하여 앱 상태를 관리하는 방법을 보여줍니다. 또한 Simple Embedded Application Store 데이터베이스를 사용하여 장치에 데이터를 저장하는 방법도 알아봅니다.

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

작가정보

저자(글) 시모네 알레산드리아

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

역자 : 박수빈
안드로이드와 10년이 넘는 시간 동안 함께한 개발자로, 현재는 엔씨소프트에서 근무 중이다. 보안 SDK 개발에 많은 시간을 투자해왔으며, 몇 해 전부터는 게임 플랫폼 SDK 및 애플리케이션 개발을 진행하고 있다. 어떻게 하면 기술로 많은 이들을 이롭게 할 수 있을지를 고민 중이며, 새로운 기술을 찾아보고 공유하며 활용해보는 것을 즐긴다.

번역 박수빈