[TIL] Flutter 실습

Flutter를 이용하여 앱을 제작해보며 사용 방법을 익힌다.

• 레시피 앱 - 기초 레이아웃
• 영화 예매 앱 - 상태 관리
• 헬스케어 앱 - 다크 테마

중요한 기능들

레시피 앱

• 첫 번째 실습인 만큼 Row 와 Column, Container 등을 이용해서 레이아웃을 짜보는 연습을 주로 했다.
• 폰트는 pubspec.yaml 에 등록한 뒤에 같은 종류의 폰트끼리 FontFamily 로 묶고, 그 안에서 종류에 따라 weight 를 지정해주면 사용할 수 있다.
• 특정 기능을 만들었을 때, 이 기능이 자주 사용될 것 같다면 Extract Widget 을 이용해서 위젯으로 만들 수 있다. 이럴 경우 코드 재사용성이 높아지고 가독성이 좋아지기 때문에 자주 사용하도록 해야겠다.
• Container 가 SizedBox 보다 다양한 속성을 지원하지만 그만큼 복잡하기 때문에 용도에 따라서 구별해야 한다.

영화관 좌석 예매 앱

StatefulWidget 과 StatelessWidget 으로 상태관리하는 연습을 했다.

• 사용자가 좌석을 선택하거나 인원 수를 늘리는 등 상태에 영향 주는 행동을 하면 UI에 반영한다.
• 이 때 Stateful 을 상속받아 선언한 위젯의 객체는 사용자의 입력에 따라 변화할 수 있다.

헬스케어 앱

• 페이지를 나누고 각 페이지마다 위젯을 따로 구현한다.
• MaterialApp 에서 themeMode 를 활용하여 앱의 테마를 변경하는 기능을 넣는다.
  • ColorScheme 을 이용하면 프로그램이 시드로 지정한 색을 참고해서 색감을 자동으로 정해준다.
  • ThemeData 클래스를 이용해서 사전에 테마를 몇 개 만들어둘 수 있다.