두잇뚜의 블로그

앱의 UI를 구현할 때 가장 기본적인 것은 무엇일까? 개인적인 의견이지만, 텍스트, 이미지, 버튼이라고 생각한다. 앱은 사용자의 상태에 따라 적절한 문구와 이미지를 보여주고 버튼을 통해 액션을 유도하기 때문이다. Flutter에서 기본적인 UI를 구현하기 위한 Text, Image, Button에 대하여 알아보고, 이들을 담을 수 있는 Container에 대하여도 알아보자. 1. Container class BasicPage extends StatelessWidget { @override Widget build(BuildContext context) { return Container( ) } } StatelessWidget을 상속받는 BasicPage를 만들고 Container를 생성해본다. 꼭 Basi..

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. ..

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 공식 홈페이지를 보면 알겠지만, 하나의 코드로 모바일과 웹..

Google에서 Android의 UI를 개발하기 위한 더욱 강한 방법을 제시하고 있다. 바로 Android Compose이다. developer.android.com/jetpack/compose?hl=ko Android 개발자 | Android Developers 강력한 성능 Android 플랫폼 API에 직접 액세스하고 머티리얼 디자인, 어두운 테마, 애니메이션 등을 기본적으로 지원하는 멋진 앱을 만들 수 있습니다. developer.android.com 위 링크에서 간략한 소개를 보면 도움이 될 것이다. Codelab은 물론 샘플앱도 제시하고 있으니 꼭꼭! 두번 보자. 다만, 이 글을 쓰는 시점을 기준으로 아직 알파 버전이다. 실무에서의 사용은 그다지 권하진 않는다. - Android Compose?..