소개

Flutter에 대해 간략히 알아봅니다.

바로가기

미리보기

Flutter와 Firebase를 이용해 앞으로 만들 앱을 미리 살펴봅니다.

바로가기

1 기본 레이아웃 살펴보기

새로운 프로젝트를 만들고 MaterialApp에 대해 조금씩 알아봅니다.

바로가기

2 기본 레이아웃 정렬해보기

플러터 레이아웃의 핵심인 Container, Row, Column에 대해 알아봅니다.

바로가기

3 리스트 출력하기

앱에서 자주 쓰이는 리스트 출력을 알아봅니다.

바로가기

4 움직이는 화면 만들기

Stateful widget을 사용한 움직이는 화면에 대해 알아봅니다.

바로가기

5 화면 전환 해보기

Stateful widget을 사용해서 상태값에 따라 다른 화면을 렌더링해봅니다.

바로가기

6 구글&파이어베이스로 사용자 인증하기 1

Fire auth(Firebase authentication)를 이용해 Google 및 이메일 인증을 해봅니다.

바로가기

7 구글&파이어베이스로 사용자 인증하기 2

구글&파이어베이스 설정 후 직접 모바일 시뮬레이터에서 구동시켜봅니다.

바로가기

8 파이어스토어 사용해보기

플러터에서 파이어스토어를 사용해봅니다.

바로가기

9 파이어스토어 화면에서 읽고 쓰기

플러터에서 파이어스토어 데이터를 쓰고 화면에 표시해봅니다.

바로가기

10 REST API 사용해보기

플러터로 REST API를 시험해봅니다.

바로가기

11 JSON 데이터 처리하기

플러터로 JSON 데이터를 처리하는 방법을 다룹니다.

바로가기

12 JSON 데이터 예외 처리하기

플러터로 일반적이지 않은 JSON 데이터를 처리해봅니다.

바로가기

13 Stream 사용해보기

dart의 Stream에 대해 알아봅니다.

바로가기

14 런쳐 꾸미기

앱 아이콘과 스플래쉬 페이지를 만들어봅니다.

바로가기

15 named router 사용하기

Material class의 route를 이용해서 페이지 전환해봅니다.

바로가기

16 form 작성해보기

TextFormInputField를 사용해서 입력부를 구현해봅니다.

바로가기

17 router 실제 페이지에 적용하기

지금까지 얻은 지식을 토대로 실제 만들어야할 대상을 라우터를 통해서 전환해봅니다.

바로가기

18 로그인 화면 꾸미기

이메일로그인을 구현하기 전에 모양을 꾸며봅니다.

바로가기

19 예외 처리하기

간단하게 예외처리에 대해 알아보고 플러터의 스낵바로 표현 해봅니다.

바로가기

20 회원가입 적용하기

회원가입 페이지를 만들고 이메일로 회원가입을 해봅니다.

바로가기

21 페이지에 데이터 넘기기

새 페이지로 라우팅할 때 데이터를 넘겨봅니다.

바로가기

22 프로필 페이지 꾸미기

플러터 레이아웃을 이용해 프로필 페이지를 간단히 꾸며봅니다.

바로가기

23 사진 가져오고 압축하기

플러터 image_picker 모듈을 사용해서 카메라의 사진 혹은 내장 앨범의 사진을 가져와서 표시해봅니다.

바로가기

24 fire storage에 저장하기

파이어베이스 스토리지에 저장하고 링크를 받아 프로필을 표시해봅니다.

바로가기