DART
-
[Flutter] 위젯 구성 3 (이미지 넣기, Divider, CircleAvator, Row, Icon)프로그래밍/DART 2024. 4. 7. 00:44
Flutter에서 이미지 넣는 법 1. 새 디렉터리 만들기 2. 만든 폴더에 이미지 넣기 3. pubspec.yaml 파일로 이동해서 assets : 부분 주석 해제 후 경로 입력 main.dart import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Codey', home: Grade(), ); } } clas..
-
[Flutter] 위젯 정리 2 (crossAxisAlignment, SizedBox, TextStyle)프로그래밍/DART 2024. 4. 6. 22:54
main.dart import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Codey', home: Grade(), ); } } class Grade extends StatelessWidget { const Grade({super.key}); @override Widget build(BuildContext context) { return Scaffold( backgroundCo..
-
[Flutter] 위젯 정리 1 (centerTitle, mainAxisAlignment)프로그래밍/DART 2024. 4. 6. 22:17
main.dart import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title : 'character card', home : MyCard(), ); } } class MyCard extends StatelessWidget { const MyCard({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBa..
-
[Flutter] 위젯이란?프로그래밍/DART 2024. 4. 6. 18:06
Widget독립적으로 실행되는 작은 프로그램그래픽이나 데이터 요소를 처리하는 함수Flutter에서의 WidgetUI를 만들고 구성하는 모든 기본 단위 요소눈에 보이지 않는 요소들까지 Widget결론적으로 Flutter는 모든 것이 Widget이다.Stateless Widgets움직임이나 변화가 없는 정적인 위젯스크린상에 존재만 할 뿐 아무것도 하지 않음어떤 변화(모양, 상태)를 유발시키는 value값을 가지지 않음Stateful Widgets움직이나 변화가 있는 위젯사용자의 interaction에 따라서 모양이 바뀜데이터를 받게 되었을 때 모양이 바뀜Inherited Widgetstateless, stateful을 통해 화면을 구성하게 되었을 때 변화가 필요한 위젯이 트리 끝 부분에 있다면 트리의 top..
-
[Flutter] 기본 코드 이해하기프로그래밍/DART 2024. 4. 6. 17:12
main.dart import 'package:flutter/material.dart'; // 메인이 시작점, 플루터 최상함수 runapp 함수 불러오기, runapp 함수안에 myapp이라는 커스텀 함수를 넣어줌 void main() => runApp(MyApp()); // stl 위젯으로 myapp 커스텀 위젯 생성 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // 반환타입을 머태리얼 위젯 return MaterialApp( // 앱 제목, 머태리얼 앱에서 타이틀은 앱을 총칭하는 타이틀 title: 'First App', // theme 데이터 위젯 불러옴 theme: ThemeData( pri..