본문 바로가기

Flutter4

왕왕 초보를 위한 Flutter 실습 기초 코드_2(Text,Icon) Text 위젯의 여러가지 스타일 변화. 주어진 예제에서 색이나 숫자의 크기등을 조정해 가면서 하신다면 더 빨리 이해 하실수 있습니다. 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: Text( 'Hello 월드', //내가 쓰고 싶은 텍스트를 작성해 준다 style: TextStyle( // 글자의 스타일을 바꾸고 싶을때 사용 color: C.. 2023. 2. 16.
왕왕 초보를 위한 Flutter 실습 기초 코드(Text,Icon,Image) 기본적으로 새로운 flutter project를 처음 열면 친절히 예제 코드가 나오는대 지금은 이해할 수가 없으니 다 지워 주고 아무것도 없는 화면에서 시작 하겠습니다. 약간의 준비가 필요 한대 아래를 보시고 따라 쳐 보셔도 되고 복사 하셔도 무관 합니다. //import로 flutter, material를 불러 오시고 import 'package:flutter/material.dart'; // void main 안 runApp이 최상위 위젯입니다. 스크린 레이아웃을 최초로 빌드하는 역활을 해요 void main() { runApp(const MyApp()); } //stless + Tap를 누르시면 자동으로 stateless 위젯이 만들어 집니다. //void main 함수 안의 MyApp 이름 맞춰 .. 2023. 2. 16.
그림 위주의 Flutter SDK 와 Android studio 설치 자 Flutter와 Android studio를 설치 하겠습니다.어렵지않습니다. 그림만 잘 따라 오세요 구글로 들어가서 검색창에 Flutter를 검색해 줍니다 그러면 이렇게 홈페이지가 나옵니다 주소는 -> 여기 클릭 https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. flutter.dev 빨간 동그라미 잘 따라 가세요 여기 첫번째 주의 사항 입니다. Flutter 설치 하실때 C드라이브.. 2023. 2. 8.
Flutter에 대한 간단하고 빠른 소개 입니다 Flutter는 무엇일까요? 왜 사용할까요? Flutter는 동일한 코드를 사용하여 iOS와 안드로이드 모두를 위한 애플리케이션을 한 번에 구축할 수 있는 방법을 제공합니다. 플러터는 다트(Dart)라는 컴파일된 프로그래밍 언어를 사용하며, 이 언어는 iOS와 안드로이드용 네이티브 코드로 컴파일됩니다. 이 다트 라는 언어를 새로 배워야 하는 번거로움이 있지만, python이나 JavaScript를 한번이라도 사용해 보셨으면 쉽게 할수 있을겁니다......음.................정정 하겠습니다 아주 쉽진 않겠지만....특히 JS랑 비슷하다고 하니 뭐 어찌어찌 할 수 있겠죠...... Flutter의 주요 구성 요소는 위젯입니다. MaterialApp(보통 많이쓴다 & 구글 스럽다.), Scaffo.. 2023. 2. 8.