꿈꾸는 시스템 디자이너

Flutter 강좌 목록 : https://here4you.tistory.com/120 지난 강좌에서 네임드 라우트를 생성하면서 파라미터를 전달하는 방법을 알아보았다. https://here4you.tistory.com/113 Flutter 강좌 - Pass arguments to a named route | 스크린(라우트)간 아규먼트 전달 강좌 목록 2019/06/04 - [Development/Flutter] - Flutter 강좌 - Hello World 만들기 2019/06/10 - [Development/Flutter] - Flutter 강좌 - Basic widgets | 기본 위젯 2019/06/10 - [Development/Flutter] - Fl.. here4you.tistory.com..

Flutter 강좌 목록 : https://here4you.tistory.com/120 지난 강좌에서는 새로은 스크린(라우트)를 생성하면서 아규먼트를 전달하는 방법에 대해서 알아보았다. 이번 강좌에서는 생성한 스크린으로부터 결과값을 반환받는 방법에 대해서 알아본다. 소스코드는 다음과 같다. import 'package:flutter/material.dart'; void main(){ runApp(MaterialApp( title: 'Returning Data', home: HomeScreen(), // HomeScreen을 홈으로 설정 )); } // 앱 실행시 처음 출력되는 스크린 class HomeScreen extends StatelessWidget{ @override Widget build(Bui..

Flutter 강좌 목록 : https://here4you.tistory.com/120 지난 강좌에서는 레이아웃을 구성하는 방법에 대해서 알아보았다. 지난 강좌까지는 앱과 사용자간의 상호작용이 없는 StatelessWidget만을 이용했다. 상호작용 기능을 넣기 위해서는 Satefulwidget 클래스를 이용한다. 기존 코드를 다음과 같이 수정한다. import 'package:flutter/material.dart'; // MyApp을 시작 위젯으로 설정하여 앱을 실행 void main() => runApp(MyApp()); // 앱의 시작점에 해당하는 위젯 class MyApp extends StatelessWidget { @override Widget build(BuildContext context..

Flutter 강좌 목록 : https://here4you.tistory.com/120 1 단계 - 코드 기반의 앱을 생성 우선 다음과 같은 코드를 작성한다. import 'package:flutter/material.dart'; // MyApp을 시작 위젯으로 설정하여 앱을 실행 void main() => runApp(MyApp()); // 앱의 시작점에 해당하는 위젯 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // 매트리얼앱을 생성하여 반환 return MaterialApp( title: 'Flutter Layout Demo', // 앱의 타이틀 theme: ThemeData( // 앱의 테마..

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 시간에는 Flutter의 매트리얼 앱의 레이아웃을 구성하기 위해 주요하게 사용되는 Scaffold 컴포넌트에 대해서 알아보겠습니다. 소스코드는 다음과 같습니다. import 'package:flutter/material.dart'; void main(){ // 매트리얼앱을 실행 runApp(MaterialApp( title: "Flutter Tutorial", // 타이틀 설정 home: TutorialHome(), // 앱의 루트 경로 TutorialHome을 실행 )); } class TutorialHome extends StatelessWidget{ @override Widget build(BuildCont..

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 Flutter의 Basic widgets을 이용해서 Material App을 작성해 봅니다. 역시 Android Studio에서 New Flutter Project를 선택하여 새로운 Flutter 프로젝트를 생성한 후 다음과 같이 작성합니다. import 'package:flutter/material.dart'; // 메인 함수. 프로그램의 시작점 void main(){ // MaterialApp을 실행. MaterialApp은 Flutter가 제공하는 material 디자인을 사용하는 앱을 의미함 runApp(MaterialApp( title: "My app", home: MyScaffold(), /..

Flutter 강좌 목록 : https://here4you.tistory.com/120 첫번째 Flutter 강좌로 Hello World를 만들어보겠습니다. 안드로이드 스튜디오에 Flutter 플러그인을 설치하면 안드로이드 스튜디오를 이용해서 Flutter 기반의 앱을 개발할 수 있습니다. 안드로이드 스튜디오에 Flutter 개발환경을 구성하는 방법은 Flutter 공식 사이트를 참고하시기 바랍니다. https://flutter.dev/docs/get-started/install Install Select the operating system on which you are installing Flutter:{{site.alert.note}} **Are you on Chrome OS?** If so, se..