전체 글(74)
-
ex08. Container
✅ 학습 목표✅ 오늘 새롭게 배울 위젯✅ Container Widgetimport 'package:flutter/material.dart';class ExContainer extends StatelessWidget { // 정적인 StatelessWidget / 동적 StatefulWidget const ExContainer({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Container( // 아무런 변화가 없음 // Container 생성 시 크기는 body의 영역만큼 생성이 된다! //..
2024.06.12 -
ex07. image
# 라이브러리를 연결하거나 이미지를 연결할 때 사용name: flutter0603description: "A new Flutter project."# The following line prevents the package from being accidentally published to# pub.dev using `flutter pub publish`. This is preferred for private packages.publish_to: 'none' # Remove this line if you wish to publish to pub.dev# The following defines the version and build number for your application.# A version num..
2024.06.12 -
ex06. column
import 'package:flutter/material.dart';class ExColumn extends StatelessWidget { // stl + enter -> class 이름 수정 const ExColumn({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( // child를 꼭 가지고 있어야 함! child: Column( children: [ TextField(), // 다양한 버튼 사용해 보기! TextButton( onPressed: ()..
2024.06.12 -
ex05. icon
// 디자인을 할 수 있는 클래스 생성!import 'package:flutter/material.dart';// cupertino -> iosclass ExIcon extends StatelessWidget { const ExIcon({super.key}); @override Widget build(BuildContext context) { return Scaffold( // 기본구조 : appBar, body, bottom navigation body: SafeArea( // 실행 시 상태바를 제외한 영역을 안전하게 body 영역으로 잡아준다! // alt + enter -> widget -> SageArea 수정 child: Row( // Row : 가로..
2024.06.12 -
ex04. Widget
✅ Widget✅ Widget 구성레이아웃(배치)구조Toast(통! 하고 올라오는 메세지 창)MenuDrawer(햄버거바)스타일위치&정렬✅ 자주 사용되는 Widget텍스트TextField(텍스트 입력창)제스처버튼마다 역할 구분(눌렀을 때)디자인배치✅ Stateless와 Stateful Widget✅ 새로운 플러터 프로젝트 생성✅ Scaffold // 플러터를 실행하기 위해 반드시 필요한 material 패키지! -> 어플에 대한 기본 디자인 불러오기import 'package:flutter/material.dart';import 'ex01_icon.dart';// main() : 프로그램을 시작할 수 있는 시작점!void main() { // runApp() : 최초 한번만 호출되는 함수로 ..
2024.06.12 -
ex03. method
✅ return 타입✅ 매개변수void main() { // 메소드의 호출 방법 -> 메소드의 이름을 부른다! test(2, 3); // -> 연산만 됨 print(test(2,3)); print(test2()); // print(test3()); test3();}// dart 언어의 메소드 생성(선언) main 메소드의 구조를 벗어나서 작업한다!// def 키워드 사용 X// 메소드를 생성하기 위한 구조로 제작!// 1. 리턴의 타입이 명시되어야 한다! -> return 키워드를 가져야 한다!// 2. 메소드의 이름을 명시한다!// 3. 매개변수를 지정한다!int test(int a, int b) { return a+b;}String test2() { return 'flutter';}//..
2024.06.12