본문 바로가기

Flutter6

[Flutter] 쉬운 플러터 6강 숙제 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); // 앱 메인페이지 구동 } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(), body: ListView( children: [ Row( children: [ Image.asset('dog.jpg', width: 150), Text('귀여운 강아지'), ], ), Row( children: [ Im.. 2023. 6. 21.
[Flutter] 쉬운 플러터 5강 숙제 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); // 앱 메인페이지 구동 } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(), body: Container( height: 150, padding: EdgeInsets.all(20), child: Row( children: [ Image.asset('dog.jpg', width: 150), Flex.. 2023. 6. 21.
[Flutter] 쉬운 플러터 2강 숙제 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); // 앱 메인페이지 구동 } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('앱임') ), body: Container( child: Text('안녕') ), bottomNavigationBar: BottomAppBar( child: SizedBox( height: 70, ch.. 2023. 6. 21.
[Flutter] StatelessWidget, StatefulWidget 1. Widget UI를 묘사하는 다트의 클래스 화면에 나타날 요소를 결정하는 데이터와 설정 대표적인 위젯 레이아웃 : Scaffold, Stack, Row, Column 구조 : Button, Toast, MenuDrawer 스타일 : TextStyle, Color 애니메이션 : FadeInPhoto, Transform 위치와 정렬 : Center, Padding 2. StatelessWidget 특징 상태가 없기 때문에 상태를 관리할 필요가 없음 위젯을 언제 트리에서 제거해야 할지, 언제 리빌드해야할지가 외부로부터 결정됨 기본형태 class Example extends StatelessWidget { const Example({Key? key}) : super(key: key); @override W.. 2023. 6. 21.
[Flutter] Dart 1. Dart 언어의 특징 Statically typed language 강력한 객체지향 언어 단일상속, mixin 지원 2. Type - 기본 자료형 int : 정수형 double : 실수형 num : int, double을 포함하는 타입 bool : true, false String : 문자열 (' ') - 집합 자료형 List : 중복을 허용하며 순서가 있는 집합 Set : 중복을 허용하지 않고 순서가 없는 집합 Map : key-value 쌍으로 구성된 집합 타입 선언 - 기본 자료형 : 형식 변수명; String name; int age; - 집합 자료형 : 타입; List numbers = [0, 1, 2]; Map scores = { 'english' : 100, 'math' : 90, 's.. 2023. 6. 21.
[Flutter] 플러터 시작하기 Android Studio를 사용하다 해결하지 못한 오류(...)때문에 Flutter로 넘어왔습니다. 1. Flutter SDK 다운로드 https://docs.flutter.dev/get-started/install/windows Windows install How to install on Windows. docs.flutter.dev 다운받은 zip 파일의 압축을 풀어 적당한 폴더로 이동시킵니다. 저는 C:\Users\USER\flutter로 넣었습니다. 2. 환경 변수 설정 1) 검색 : 시스템 환경 변수 편집 2) 환경 변수 3) OO에 대한 사용자 변수 내의 Path 더블 클릭 4) 새로 만들기 5) flutter 경로 붙여 넣기(C:\Users\USER\flutter\bin) 6) 확인 > 확.. 2023. 6. 20.

티스토리툴바