분류 전체보기99 Flutter - 3. Widget? Container, Text, Image, Button 앱의 UI를 구현할 때 가장 기본적인 것은 무엇일까? 개인적인 의견이지만, 텍스트, 이미지, 버튼이라고 생각한다. 앱은 사용자의 상태에 따라 적절한 문구와 이미지를 보여주고 버튼을 통해 액션을 유도하기 때문이다. Flutter에서 기본적인 UI를 구현하기 위한 Text, Image, Button에 대하여 알아보고, 이들을 담을 수 있는 Container에 대하여도 알아보자. 1. Container class BasicPage extends StatelessWidget { @override Widget build(BuildContext context) { return Container( ) } } StatelessWidget을 상속받는 BasicPage를 만들고 Container를 생성해본다. 꼭 Basi.. 2021. 1. 10. Flutter - 2. Widget? StatelessWidget, StatefulWidget Flutter는 Widget으로 앱의 화면을 구성한다. Flutter는 데이터 또는 상태를 Widget으로 표현하는 어플리케이션이라고 보면 될 것 같다. (지극히 개인적인 이해) Widget은 크게 StatelessWidget과 StatefulWidget으로 나뉘며, Flutter 프로젝트를 생성하면 자동으로 만들어지는 main.dart를 보며 가볍게 이해해보도록 하겠다. 여기서 프로젝트 생성 시 작성되어 있는 주석은 모두 삭제하였다. 1. main.dart의 void main()과 MyApp void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. .. 2021. 1. 3. Flutter - 1. SDK 설치, Android Studio에 Flutter 플러그인 설치, 프로젝트 생성 및 구조 Flutter란, Google에서 내놓은 크로스 플랫폼 프레임워크다. flutter.dev/?gclid=Cj0KCQiA88X_BRDUARIsACVMYD-33cpDt0iokbs1q5Ei3MSh9HmtZU9YBI8DdynM5etba6ISpwJBUl0aAnQtEALw_wcB&gclsrc=aw.ds Flutter - Beautiful native apps in record time Flutter SDK is Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. flutter.dev 공식 홈페이지를 보면 알겠지만, 하나의 코드로 모바일과 웹.. 2021. 1. 3. [Android] Firebase - 6. FCM(Firebase Cloud Messaging) 으로 알림을 보내보자! 모바일 앱을 사용하다 보면, 광고나 메시지 등의 알림이 상단에 배너처럼 띄워지거나 기기의 알림창에 아이콘이 떠있는 등을 쉽게 볼 수 있다. 카카오톡, 라인 등과 같은 메신저, 게임, 커머스 등에서도 아주 쉽게 확인할 수 있다. 이는 사용자에게 알림을 주기도 하지만 적절한 알림이나 광고를 통해 전체 혹은 특정 사용자의 행동을 유도하거나 앱으로의 유입을 위해 활용된다. 모바일에서 활용할 수 있는 핵심적인 기능 중 하나가 아닐까 싶다. 이를 FCM을 통해 구현해보도록 하자. 1. 문서를 꼭 참고하자! FCM은 구현도 구현이지만, 내부 스펙에 대하여 알아야 할 내용이 꽤 있다. 따라서 공식문서를 꼭 읽어보자! firebase.google.com/docs/cloud-messaging/?authuser=1#impl.. 2020. 12. 19. 이전 1 ··· 10 11 12 13 14 15 16 ··· 25 다음 반응형
