App Programming20 [Flutter] Widget - MaterialApp 1. MaterialApp이란? MaterialApp Widget은 Material Design을 구현하기 위한 다양한 속성을 가지고 있는 Widget입니다. 바로 MaterialApp이 가지고 있는 속성에 대해 알아보도록 하겠습니다. 2. MaterialApp 속성 https://api.flutter.dev/flutter/material/MaterialApp-class.html MaterialApp class - material library - Dart API An application that uses material design. A convenience widget that wraps a number of widgets that are commonly required for material de.. 2022. 4. 6. [Flutter] Function - runApp runApp 함수는 입력받은 Widget을 화면에 띄워주는 역할을 합니다. runApp 함수 선언부는 다음과 같습니다. void runApp( Widget app ) 반환타입 : Void(반환하는 값이 없음) 함수명 : runApp 매개변수 : Widget 타입의 app 사용 예제는 다음과 같습니다. void main() { runApp( MaterialApp(), ); } 예제 코드의 의미는 다음과 같습니다. main 함수 : App을 실행하면 처음 실행되는 함수 runApp 함수 : MaterialApp Widget으로 화면을 띄워주는 함수 ㅇ 해석 App을 실행하면 MaterialApp Widget으로 화면을 띄우라는 의미입니다. 이처럼 runApp 함수는 App을 실행하면 화면을 띄워주는 중요한 .. 2022. 4. 6. [Flutter] Flutter Material API Flutter App을 개발하기 위해선 먼저 Widget에 대해 알아야 합니다. Flutter App은 Widget을 기반으로 개발하기 때문입니다. 개발하고자 하는 기능에 맞는 Widget을 찾고, 이를 적재적소에 활용하는 것이 중요합니다. 그렇기 때문에 Flutter에는 어떠한 Widget이 있는 지, 또 어떻게 사용할 수 있는 지 알아보도록 하겠습니다. https://api.flutter.dev/flutter/material/material-library.html material library - Dart API Flutter widgets implementing Material Design. To use, import package:flutter/material.dart. See also: Clas.. 2022. 4. 6. [Flutter] main.dart 분석하기 1. import import 'package:flutter/material.dart'; Flutter의 핵심이라고 할 수 있는 material 라이브러리를 불러옵니다. material 라이브러리 안에는 Material Design 구현을 위한 많은 코드들이 들어있습니다. 그렇다면, Material Design이란 무엇일까요? https://material.io/ Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io M.. 2022. 4. 3. [Flutter] Flutter 시작하기 1. Flutter 프로젝트 생성하기 먼저, Android Studio를 실행합니다. 실행하면 다음과 같이 프로젝트를 생성할 수 있는 화면이 보입니다. (Android Studio 버전에 따라 프로젝트 생성화면이 다소 상이할 수 있습니다.) New Flutter Project 버튼을 클릭합니다. 버튼을 클릭하면, 다음과 같이 설정된 Flutter SDK 설치 경로를 확인할 수 있습니다. 경로가 제대로 설정이 되어 있는 지 확인 후, Next 버튼을 클릭합니다. (경로가 제대로 설정되어 있지 않은 경우, Flutter SDK 설치 확인 및 경로 재설정을 진행합니다.) 버튼을 클릭하면, 다음과 같이 설정된 New Project 내용을 작성할 수 있습니다. Project name : 프로젝트 이름 Projec.. 2022. 4. 2. [Flutter] Mac OS에서 Flutter 설치하기 1. Flutter SDK 설치 Flutter SDK(Software Development Kit)는 Flutter App을 개발하는데 필요한 도구 모음입니다. 순차적으로 설치하는 방법을 알아보도록 하겠습니다. 1) Flutter SDK 다운로드 먼저, 아래의 링크에서 Windows 아이콘을 클릭합니다. https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev Intel 칩 기반의 Mac OS를 사용하시는 분은 Intel 버전의 파일을 다.. 2022. 3. 30. 이전 1 2 3 4 다음
