Codey Codey

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..

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..

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..

Widget독립적으로 실행되는 작은 프로그램그래픽이나 데이터 요소를 처리하는 함수Flutter에서의 WidgetUI를 만들고 구성하는 모든 기본 단위 요소눈에 보이지 않는 요소들까지 Widget결론적으로 Flutter는 모든 것이 Widget이다.Stateless Widgets움직임이나 변화가 없는 정적인 위젯스크린상에 존재만 할 뿐 아무것도 하지 않음어떤 변화(모양, 상태)를 유발시키는 value값을 가지지 않음Stateful Widgets움직이나 변화가 있는 위젯사용자의 interaction에 따라서 모양이 바뀜데이터를 받게 되었을 때 모양이 바뀜Inherited Widgetstateless, stateful을 통해 화면을 구성하게 되었을 때 변화가 필요한 위젯이 트리 끝 부분에 있다면 트리의 top..

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..