✅ 새롭게 사용할 Widget✅ State란?​✅ State의 종류​✅ Stateless와 Stateful Widget​​✅ Widget의 Tree 구조 이해​✅ Widget의 Tree 구조 이해역할void main() { // ctrl + shift +F10 : 실행 print(test()); test2('flutter');}// 람다식(Lambda) 메소드 : 메소드가 1줄일 경우 사용할 수 있는 메소드// test() 메소드의 구조// 리턴 타입 : int형// 매개변수 : Xint test() => 10;// public int test() {// return 10;// } 과 같은 의미// 리턴타입 : X// 매개변수 : Ovoid test2(data) => print('$data 출력'..

✅ Widget 종합 실습import 'package:flutter/material.dart';class EXCU extends StatelessWidget { const EXCU({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text( '더보기', style: TextStyle( fontWeight: FontWeight.bold, ), ), actions: [ IconButton( ..

import 'package:flutter/material.dart';class ExAppBar extends StatelessWidget { const ExAppBar({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('AppBar 영역'), backgroundColor: Colors.redAccent, // AppBar의 왼쪽에 띄워지는 버튼! -> leading leading: IconButton( onPressed: () {}, icon: Icon(Icons...

✅ Stack, Positionimport 'package:flutter/material.dart';class ExIcon extends StatelessWidget { const ExIcon({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Row( children: [ Stack( children: [ Icon( Icons.favorite_border_outlined, size: 90, ..

✅ stack Widget​✅ Stackimport 'package:flutter/material.dart';class ExStack extends StatelessWidget { const ExStack({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Stack( // alignment: Alignment.center, // 가운제 정렬 children: [ // 위치가 동일한 곳에서 시작되기 때문에 크기가 마지막에 작성된게 크면 가려지고, 작으면 보임 ..

✅ 학습 목표​✅ Row, Column Widget​✅ Axisimport 'package:flutter/material.dart';class ExAxis extends StatelessWidget { const ExAxis({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Column( children: [ Container( // 원본 Container color: Colors.redAccent, height: 100, child: Ro..