Flutter5 왕왕 초보를 위한 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. DartPad 사용 flutter 실습을 하고 싶은대 컴퓨터엔 아직 설치가 되어 있지 않거나 아직은 설치 하고 싶지 않을때 인터넷 상에서 DartPad를 사용하여 간단하게 실습 할 수 있습니다. 아래는 DartPad 들어가는 주소 입니다. https://www.dartpad.dev/? DartPad 초기 화면입니다. 어느정도 코딩을 연습 하시고 새로운 Pad를 열고 싶을때 왼쪽 위에 New Pad를 눌러 주시고 Flutter 를 눌러 주시면 새로운 DartPad가 열립니다 코드를 다 짜셨으면 Run 버튼을 누르시면 수초 후에 오른쪽 화면에 내가 작성한 코드가 나옵니다. 내 컴퓨터에 Flutter를 설치 하지 않아도 편하게 코딩을 할수 있고, 어지간한 UI는 DartPad에서 다 작업할수 있습니다만 자동완성 기능이 없다는 단.. 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. 이전 1 2 다음
