SeSAC 학습 일지: Flutter @용산캠퍼스

교육과정 신청, 면접, 그리고 선정.

오리엔테이션 및 환경 구축, 그리고 데모 앱 실행까지.

개발 용어를 살펴보고 Dart의 variables를 알아보는 시간.

여러 가지 operators를 알아보고 collections를 살펴본 뒤, branches 및 loop에 대해 알아보기.

function과 parameter에 대해 알아보고, class도 가볍게 살펴보기

Dart의 class에서 사용할 수 있는 다양한 constructor에 대하여.

error handling과 concurrency 등등을 알아보기.

Dart에는 객체 지향 개념들이 어떻게 녹아 있을까.

git 기초를 살펴보고 프로젝트 기획을 하자

텍스트와 이미지를 띄워 보는 기본 예제.

Flutter에서 자주 사용되는 대표적인 layout widget들을 살펴보자.

Workout Tracker 예제의 Workout List 화면 만들기 시작.

Flutter 공식문서를 따라 Flutter App architecture를 살펴보자. — 아키텍처 개념에 대하여

각 운동에 대한 상세 페이지로 사용될 수 있는 화면 만들어 보기.

앞서 만든 두 가지 화면 개선해 보기.

Stateless로 작성한 상세 페이지 화면를 Stateful로 변경하고 소리를 재생하는 기능을 추가한다.

Flutter 공식문서를 따라 Flutter App architecture를 살펴보자. — MVVM 아키텍처 모델에 대하여

data class를 뽑아내고 lifecycle에 대해 알아보기

custom widget을 생성하여 홈 화면 구성하기.

Figma 살펴봄.

Route를 통해 화면을 전환하고, 중복 작성되어 있는 데이터를 model로 분리하기.

StatefulShellRoute를 통해 탭 이동 시에도 화면 로그가 남아있도록 구현하기

`StatefulShellRoute` 의 두 가지 핵심 component와 `Offstage` 의 rendering 원리를 통해 효과적인 bottom navigation을 구현할 수 있음을 알아보자.

앱을 종료해도 남아있는 데이터와 비동기 화면 갱신. 그리고 Firebase 설정.