앱 개발 공부방

Column Column은 안에 있는 child 위젯들을 가운데나 끝 등 정렬을 할 때 사용됩니다. 전에 사용했던 코드에서 colum을 추가해보겠습니다 body: Center( child: Column( children: [//여러개를 자식으로 가지는 children Text(_message,style: TextStyle(fontSize: 30),), Text('$_counter',style: TextStyle(fontSize: 30),), ], ) ) body: Center 안에 colum을 추가하면 위 그림처럼 상단 중앙에 배치됩니다 여기서 상단배치가 아닌 정중앙에 배치하려면 어떻게 해야할까? mainAxisAlignment: MainAxisAlignment.center , 위 구문을 넣으면 아래 사..

StatefulWidget StatefulWidget은 Stateless와 반대로 상태를 가질수 있는 위젯 입니다. 처음 화면이 렌더링 되고 사용자에게 입력을 받거나 클릭으로써 상태가 바뀌는 등 작업에 사용합니다 생명주기 1.Stateful 의 Constructor가 제일먼저 호출 2.createState 메서드가 실행되며 state를 생성 3.initState 메서드가 실행되며 state를 초기화 4.build 메서드가 실행되며 렌더링 과정을 거침 5.Stateful 의 build 메서드가 실행될때 Stateless 의 Constructor 실행 6.Stateless 의 build 메서드가 실행되며 렌더링되고 화면에 그려줌 이번글에서는 저번 글에서 썻던 코드에 stateful위젯 추가와 그 안에 flo..

처음으로 flutter 프로젝트를 생성하시면 데모앱이 나올겁니다 다 지워주고 아래 코드처럼 칩니다 import 'package:flutter/material.dart'; void main() => runApp(new MyApp());//앱 실행 class MyApp extends StatelessWidget {//상태 변경이 없는 위젯 // This widget is the root of your application. @override Widget build(BuildContext context) {//UI를 만드는 부분 return MaterialApp(//구글 기본 디자인인 Material 디자인을 써서 앱을 만든다 title: 'Flutter Demo', theme: ThemeData(//앱 이름..

플러터란? Flutter : 안드로이드와 ios 모바일 앱을 하나의 코드로 개발할 수 있는 UI 프레임워크이고 DART 언어로 만들어진 크로스 플랫폼 프레임워크이다. 설치 flutter-ko.dev/ Flutter - 가장 빠른 아름다운 네이티브 앱 Flutter(플러터)는 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷입니다. Flutter는 기존 코드와 함께 동작하고, 전세계 개발자와 조직에 쓰이고 �� flutter-ko.dev 위의 플러터 공식 홈페이지로 들어가 줍니다. 홈페이지에 가셔서 우측 상단에 시작하기를 누르시고 자신의 사용하는 OS를 클릭해줍니다. 다음으로 위의 zip 파일을 다운로드하여주고 압축을 풀어줍니다. 다음으로 환경 변수를 설정하기..