절대적 발전

class MyApp extends StatelessWidget { void _showModalBottomSheet(BuildContext context) { showModalBottomSheet( context: context, builder: (context) { return _BottomSheetContent(); } ); } @override Widget build(BuildContext context) { ... return MaterialApp( title: 'Handa', home: Scaffold( ... floatingActionButton: FloatingActionButton( child: const Icon(Icons.add), onPressed: () { _showModalBott..

저번 Flutter 튜토리얼 시작하기 - 3.1에 이어서 3단계를 진행해보도록 하겠다. 3단계 : Stateful widget 추가하기 Stateless widget은 변경할 수 없다 불변이다, 해당 widget의 속성들은 변경이 불가능하다. Stateful widget은 자신의 생명주기 동안 변경되는 상태를 그대로 유지한다. stateful widget을 구현하는 것은 최소 2개의 클래스가 필요하다. 1) StatefulWidget 클래스와 , 2) State 클래스가 필요하다. StatefulWidget 클래스는 State 클래스의 인스턴스를 구현하고 자기 자신은 변경할 수 없다 하지만 State 클래스는 widget의 생명주기 동안 지속된다. 이번 단계에서는, State 클래스인 RandomWord..

이번 포스트에서는 간단하게 스타트업의 이름을 생성하여 제공하는 app을 만들어 보자. 진행에 관련된 모든 소스는 Github에서 확인 할 수 있다! 사용자는 이름을 선택하거나 해제할 수 있고, 가장 좋은 이름 하나를 저장할 수 있게 기능을 구현해볼 것이다. 화면은 리스트로 구성하여 스크롤을 내릴 때 이름을 생성하게 하고, 스크롤은 제한이 없게 끔 해보도록 하자. 아래의 샘플 이미지를 보면 우리가 만들게 될 app이 어떤 모습일지 알 수 있다. 우리가 이번 포스트로 배울 수 있는 것? Android, IOS나 web에서 자연스럽게 보이는 Flutter app를 만드는 법! Flutter app의 기본 구조 기능 확장을 위해 패키지를 찾거나 사용하는 방법 빠른 개발 사이클을 위한 Hot reload 사용법 ..

이번 포스트에서는 Flutter와 Dart 플러그인을 Android Studio에 적용 한 다음 AVD에 테스트로 앱을 한번 띄워보도록 하겠다. 진행에 관련된 모든 소스는 Github에서 확인 할 수 있다! Flutter와 Dart 플러그인 설치 Android Studio를 실행한다. Configure > Plugin 을 진행하여 plugins 창을 띄운다.(기존 프로젝트가 있는 분들은 Preferences > Plugins 혹은 File > Settings > Plugins 로 진행한다.) Flutter를 검색하거나 직접 찾은 다음 Install 버튼을 눌러 다운로드 받는다. Dart 플러그인도 설치하겠냐는 창이 뜨면 설치해준다. Restart IDE를 눌러 재시작한다. Flutter plugin이 정..

Android 프레임워크 중 하나인 Flutter의 공식 튜토리얼을 같이 따라 해봅시다! 이번 포스트에서는 Flutter와 Android SDK 및 Studio 설치에 대해 다루겠습니다. 진행에 관련된 모든 소스는 Github에서 확인 할 수 있습니다! (이번 튜토리얼 시리즈는 편의상 반말로 진행하겠습니다) 환경 체크 필자의 OS는 Window 10을 사용하고 있으므로 본 튜토리얼은 Window기반으로 진행된다. 다른 환경의 튜토리얼을 진행하고 싶을 시 https://flutter.dev/docs/get-started/install 를 참고 하길 바란다. Install Select the operating system on which you are installing Flutter:{{site.alert..