분류 전체보기
-
스나이퍼팩토리 8일차 과제2카테고리 없음 2023. 2. 4. 02:34
Stateful위젯의 라이프사이클 StatefulWidget에는 lifecycle(생명주기)이 존재한다. flutter 앱에서는 위젯의 생성부터 파기까지의 위젯의 생명주기가 관리 되어지고 있고, 생명주기의 특정 시점에서 특정메소드가 호출되어진다. 이러한 라이프사이클의 상태를 이해함으로써 위젯의 정교한 제어가 가능해진다. 위젯을 만들 때 우리가 잘 인식하지않고 사용하고 있는 build 메소드나 initState메소드 역시 라이프사이클과 관련된 메소드이다. 라이프 사이클 메소드 라이프사이클에는 대략적으로 화면구출, 재 드로잉(다시그리기), 화면파기 순으로 이뤄진다. 각 사이클에서 호출되어지는 훅 메소드를 알아보겠다. 화면구축 createState() ● statefulWidget을 구축하자마자 호출된다. ●..
-
스나이퍼팩토리 8일차 과제1카테고리 없음 2023. 2. 3. 23:59
과제1 플러터에서 제공하는 아주 기본적인 소스코드의 동작원리와 Stateful를 사용하는 이유 기본 main.dart코드 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( // This is the theme of your ap..
-
유튜브 뮤직앱UI 만들기카테고리 없음 2023. 2. 2. 13:57
수업 다 듣고 코드설명과 배운것들 수정하겠습니다.. 아래는 메인코드 import 'package:flutter/material.dart'; import 'package:youtube_app/MusicTile.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Colors.black87, appBar: AppBar( backgroundColor: Colors.transparent, ele..
-
스타벅스 앱 화면 제작카테고리 없음 2023. 2. 1. 13:47
시간이 없어서 코딩만 올리고 나중에 수정하겠습니다. import 'package:contact_app/DrinkTile.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( home: Scaffold( appBar: AppBar( centerTitle: false, backgroundColor: Colors.transparent, elevation: 0, foregroundC..
-
MariaDB,MySQL,MongoDB카테고리 없음 2023. 2. 1. 02:03
Database란? 데이터베이스를 한 마디로 정의하면 '데이터의 집합'이라고 할 수 있다. 데이터베이스에는 일상생활 대부분의 정보가 저장되고 관리된다. 오늘 보내거나 받은 카카오톡 메시지, 인스타그램에 등록한 사진, 버스/지하철에서 찍은 교통카드 등의 정보가 모두 데이터베이스에 기록된다. DBMS란? 데이터베이스를 관리하고 운영하는 소프트웨어를 DBMS(Database Management System)라고 한다. 다양한 데이터가 저장되어 있는 데이터베이스는 여러 명의 사용자나 응용 프로그램과 공유하고 동시에 접근이 가능해야 한다. DBMS와 같은 소프트웨어는 특정 목적을 처리하기 위한 프로그램이다. 데이터베이스를 사용하기 위해서 소프트웨어, 즉 DBMS를 설치해야 하는데 대표적으로 MySQL, Oracl..
-
5일차 UI예제카테고리 없음 2023. 1. 31. 22:06
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( home: Scaffold( extendBodyBehindAppBar: true, //만약 바닥에 배경화면을 설정하고 Appbar 영역을 투명하게 표현하고자 하는 경우에는 extendBodyBehindAppBar: true 를 사용하여 영역을 확장하여 적용한다. ( scaffold 의 경우 ) body: Column( //배경화면(컨테..
-
FloatingActionButton 위젯카테고리 없음 2023. 1. 31. 19:10
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( home: Scaffold( floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, // floatingActionButton: FloatingActionButton.extended( //extended 생성자를 사용하면 icon과 label이 들어가는 타원형 F..
-
Drawer 컴포넌트카테고리 없음 2023. 1. 31. 18:16
예제와 같은 UI를 구성하려면 https://m2.material.io/components/에서 찾아본 결과 Navigation Drawer가 적합해 보여서 사용했다. Navigation Drawer 평소에는 닫혀있다가 사용자의 메뉴 버튼 클릭이나 스와이프(Swipe)를 사용하여 슬라이드 형식으로 '서랍'처럼 레이아웃의 옆쪽에서 튀어나오는 메뉴가 Navigation Drawer를 사용해 만든 메뉴이다. 대표적으로는 Gmail 어플리케이션의 좌측 상단 메뉴에 쓰인 레이아웃이다. Scaffold( drawer: Drawer( child: Column( children: [ SizedBox( height: 130, //DrawerHeader 사이즈 높이 조절 child: DrawerHeader( padding..