꿈꾸는 시스템 디자이너

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

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서는 Hello World를 출력하기 위한 최소한의 소스코드를 작성하고 그 결과를 확인해봤다. 소스코드를 다시 한번 확인해보자. import 'package:flutter/material.dart'; void main() { // 터미널에 Hello World를 출력 print('Hello World'); runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Hello World App', // 앱에 대한 설명 home:..

강좌 목록 2019/07/22 - [Development/Flutter] - Flutter 강좌2 - Hello World 2019/07/22 - [Development/Flutter] - Flutter 강좌2 - 소스코드(위젯) 분할 2019/07/25 - [Development/Flutter] - Flutter 강좌2 - 가변 인자 사용법 | @required와 assert 사용법 2019/08/09 - [Development/Flutter] - Flutter 강좌2 - 스낵바(SnackBar)를 출력하는 다양한 방법 2019/08/12 - [Development/Flutter] - Flutter 강좌2 - 자식 State에서 부모 State를 참조하는 방법 | Global State 사용법 2019..

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 6월 4일 Flutter 강좌를 시작한지 한달 반 정도 지났다. 나 또한 Flutter를 처음 경험하는 과정에서 Flutter 공식 사이트에 올라온 문서를 따라하면서 강좌를 작성해왔다. 한달 반이 지난 지금.. 어느 정도 적응한 것 같은데 아직도 스터디할 내용이 많이 있다는 것을 느낀다. 이번 강좌부터는 본인이 스터디한 내용을 바탕으로 새롭게 Flutter 강좌를 진행하고자 한다. 첫번째 강좌로 Hello World를 작성해 본다. 새로운 Flutter 프로젝트를 생성한 후 main.dart 파일을 다음과 같이 작성한다. void main(){ // 터미널에 Hello World를 출력 print('Hel..