오준석의 Flutter 입문. 안드로이드, iOS 개발을 한 번에
- 3 hours on-demand video
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business- Flutter 기초를 학습합니다.
- 자바 또는 그에 상응하는 언어 지식
안드로이드와 iOS 개발을 한 번의 코드로 작성할 수 있는 Flutter 입문 강좌입니다.
플러터는 구글의 Dart 언어로 작성하는데 그 형태가 쓰임새가 자바나 자바스크립트와 흡사합니다.
따라서 별도로 Dart 언어를 학습하지 않고 바로 플러터를 다루어 보면서 자연스럽게 Dart 언어에도 익숙해 집니다.
이 강좌에서는 플러터의 샘플 앱을 분석하기 위한 기본 위젯들의 사용방법을 알아봅니다.
기본 위젯을 다루어 보았다면 궁극적으로 인스타그램 클론 앱을 만들어 보면서 플러터의 기초를 익히게 됩니다.
- 앱 개발에 관심있는 C, Java, C# 등 다른 언어 경험자
안드로이드와 iOS 개발을 한 번의 코드로 작성할 수 있는 Flutter 입문 강좌입니다.
플러터는 구글의 Dart 언어로 작성하는데 그 형태가 쓰임새가 자바나 자바스크립트와 흡사합니다.
따라서 별도로 Dart 언어를 학습하지 않고 바로 플러터를 다루어 보면서 자연스럽게 Dart 언어에도 익숙해 집니다.
이 강좌에서는 플러터의 샘플 앱을 분석하기 위한 기본 위젯들의 사용방법을 알아봅니다.
기본 위젯을 다루어 보았다면 궁극적으로 인스타그램 클론 앱을 만들어 보면서 플러터의 기초를 익히게 됩니다.
flutterstudio.com 사이트를 활용하여 기본 위젯의 코드를 확인하는 방법에 대해 알아봅니다.
가장 많이 사용하는 Text 위젯부터 알아볼게요.
앱의 전체적인 설정을 하려면 ThemeData를 설정합니다.
primarySwatch 에 미리 정의된 컬러를 지정하면 자동으로 전체적인 테마가 설정됩니다.
추가적으로 primaryColor, accentColor 등을 변경할 수 있으며
글자색이나 앱바의 색상이 이에 따라 결정됩니다.
중앙 정렬은 Center 위젯,
좀 더 다양한 레이아웃을 구성하려면 Container 위젯을 사용합니다.
머티리얼 디자인은 구글의 모든 제품에 적용하고 있는 디자인 컨셉입니다.
Flutter에서는 기본으로 머티리얼 컨셉의 위젯들을 제공하고
본 강의에서도 기본 위젯으로 머티리얼 디자인을 사용합니다.
참고자료
https://material.io/
iOS에서는 쿠퍼티노 디자인을 기본 디자인 컨셉으로 사용합니다.
Flutter에서는 구글의 머티리얼 디자인 뿐만 아니라 쿠퍼티노 디자인도 사용할 수 있습니다.
참고자료
https://developer.apple.com/design/human-interface-guidelines/
화면 전환을 네비게이션이라고 하고 Navigator 를 사용합니다.
네비게이션에는 크게 두 가지를 가장 많이 사용합니다.
다른 화면을 현재 화면 위에 올리는 push 와 현재 화면을 제거하는 pop이 있습니다.
특히 머티리얼 앱에서는 push 로 실행된 화면에서는 자동으로 pop을 지원합니다.