꿈꾸는 시스템 디자이너

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서는 마켓에 등록할 배포용 앱을 빌드하는 방법에 대해서 알아보았다. 2019/10/10 - [Development/Flutter] - Flutter 강좌 - 앱 배포하기 1/2 | 배포용 앱 APK 빌드하기 이번 강좌에서는 구글 플레이에 실제로 앱을 등록하는 방법에 대해서 알아본다. 1. 구글 콘솔에 로그인 다음 링크로 들어가서 PLAY CONSOLE 실행하기를 선택하여 구글 플레이 콘솔(콘솔)로 접속한다. https://developer.android.com/distribute/console?hl=ko Google Play | Android Developers Google Play Console로 ..

Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 이번 강좌에서는 사용자가 스마트폰의 가로로 회전시키더라도 화면이 로테이션되지 않도록 고정하는 방법에 대해서 알아본다. 이 방법은 Flutter의 기본 패키지 중 services 패키지를 이용한다. main 함수를 가지는 파일(보통 main.dart)에 다음의 패키지를 추가한다. import 'package:flutter/services.dart'; main 함수 안에 runApp() 함수 호출 전 단계에서 다음의 코드를 추가한다. SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]); setPreferredOrientations 메소드는 배..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 애뮬레이터를 이용해서 앱을 개발하면 기본적으로 애뮬레이터의 화면이 항상 켜진 상태로 유지된다. 하지만 실제 스마트폰에서 앱을 실행하고 사용자와의 인터랙션이 없으면 일정 시간 이후 화면이 자동으로 꺼지게 된다. 이번 강좌에서는 앱이 실행되는 동안 화면이 자동으로 꺼지는 것을 방지하는 방법에 대해서 알아본다. Flutter의 기본 기능으로는 불가능 하고 screen이라고 하는 별도의 외부 패키지를 설치해야 한다. screen 패키지의 정보는 다음의 사이트에서 확인 가능하다. 고맙게도 Android와 iOS 모두에서 사용이 가능하다. https://pub.dev/packages/screen screen | Flutt..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 앱을 개발할 때 앱의 설정을 하는 페이지를 개발하여 이용하는 경우가 있다. 아래 예와 같이 메인 화면에서 앱 설정을 위해 설정 페이지로 이동한 후 설정작업을 마무리하고 메인화면으로 돌아오는 패턴이 이용된다. 설정 페이지(Second Page)에서 설정작업을 마치고 메인화면(First Page)로 돌아오는 방법은 AppBar의 화살표를 선택하거나 화면 하단의 백버튼을 선택하는 것이다. 그러면 위의 그림과 같이 메인화면으로 되돌아 오게 된다. 기본적은 소스코드는 다음과 같다. import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( titl..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서 하나의 Scaffold를 여러 클래스로 분할해서 구현하는 방법에 대해서 알아보았다. https://here4you.tistory.com/151 Flutter 강좌2 - 소스코드(위젯) 분할 Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서는 Hello World를 출력하기 위한 최소한의 소스코드를 작성하고 그 결과를 확인해봤다. 소스코드를 다시 한번 확인해보자. import 'pac.. here4you.tistory.com 자식 State에서 부모 State의 필드를 참조하고 그 값(state)를 변경하는 방법은 다음과 같다. import..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서 스낵바를 출력하는 방법에 대해서 살펴본적이 있다. https://here4you.tistory.com/121 Flutter 강좌 - Display a snackbar | 스낵바 사용법 Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 스낵바의 사용법에 대해서 알아본다. 안드로이드에 토스트 메시지가 있다면 Flutter에는 스낵바 위젯이 있다. 스낵바의 모습은 다음과 같.. here4you.tistory.com 지난 강좌의 소스코드를 살펴보면, 딱히 어려운 부분이 없는 쉬운 소스코드였다. 그래서 편하게 스낵바를 사용하면 되는줄 알았는데 그게 생각..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 이번 강좌에서는 가변 인자를 사용하는 방법에 대해서 알아본다. 기존의 함수 호출방법은 다음과 같았다. import 'package:flutter/material.dart'; void main() { String my_name = 'Park'; int my_age = 39; String my_location = "Daejeon"; Class_A class_A = Class_A(my_name, my_age); class_A.printInfo(); } class Class_A { String name; int age; Class_A(String name, int age) { this.name = name; this...