교육
-
1주차 과제교육/9주완성!프로젝트캠프-플러터 2023. 9. 24. 03:30
day1 과제 1. 원하는 예문을 사용하여 아래의 이미지와 동일한 결과물을 만들고, 이를 만들기 위한 전체 코드를 작성하세요. 조건 RichText 위젯 사용 Text 위젯 사용불가 Column 위젯 사용불가 style을 지정한 위젯은 4가지 이상 문단은 3문단 이상 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 Mat..
-
5일교육/9주완성!프로젝트캠프-플러터 2023. 9. 24. 00:04
42강. 키오스크 앱 만들기 생략 43강. Controller에 대하여 관리가 필요한 위젯들 TextField(TextFormField) -> 위젯에 작성된 텍스트를 가져올 때, 위젯에 작성된 텍스트를 초기화 할 때 PageBiew->다음 페이지로 넘어갈 때, N페이지로 이동시킬 때 Controller(담당자를 배정한다) 작성되고 있는 데이터를 가져올 때 사용 위젯의 특정한 액션을 취하거나, 조종하고 싶을 때 사용 Controller는 위젯 내에 변수로 선언하고, 그 변수를 조작하면 됨 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context){ var myControl..
-
4일교육/9주완성!프로젝트캠프-플러터 2023. 9. 24. 00:04
37강. TextField Widget 사용자에게 입력을 받을 수 있음 TextField( //데코레이션 하기 decoration : InputDecoration( //라벨달기 label:Text("이메일 입력"), labelStyle:TextStyle(color:Colors.black), //데코레이션 : 배경 색 달기 hintText("이메일 입력하세요"), fillColor:Colors.balck12, filled:true, //커서 색상 변경(?) border:InputBorder.none, ), ) 38강. Dart Event란? 사용자 행동에 기반해서 처리해야하는 기능을 미리 준비해야함 개발자에게 핸들링할 수 있는 기회를 주는 것 이벤트와 핸들러는 한세트라 묶어(Bind)해줘야함 TextFie..
-
3일교육/9주완성!프로젝트캠프-플러터 2023. 9. 24. 00:04
30강. MaterialApp Widget과 Scaffold Widget MaterialDesign 구글에서 제작하고 제안한 웹/앱 디자인가이드 시스템 플러터에서 머티리얼 디자인을 쉽게 개발할 수 있도록 "디자인 시스템"을 기반하는 위젯을 만들어줌 MaterialApp위젯 MaterialApp을 최상단 위젯으로 감싸면, 위젯에서 기본적인 Material에 필요한 디자인 요소가 어플 전체에 적용건물(앱)을 짓기 위해서 땅(MaterialApp)과 철근(Scaffold)이 필요하듯이 꼭 필수로 작성해야하는 위젯 31강. AppBar Widget AppBar위젯 앱의 헤더가 되며 주로 다음과 같이 사용위젯이지만 Scaffold에 appBar라는 속성에만 넣어서 사용가능SafeArea를 통해 얻은 "안전 영역"..
-
2일교육/9주완성!프로젝트캠프-플러터 2023. 9. 24. 00:04
19강. Column Widget과 Row Widget Column 위젯 세로로 위젯을 나열할 때 사용 자식'들'을 가질 수 있는 위젯(children) 속성 : children에 데이터타입이 List인 것만 넣어줄 수 있다 Column( children : [ Text('Widget:1'), Text('Widget:2'), ] ) List안에서 데이터를 구분할 때 ,로 구분함따라서, 위젯도 ,로 구분 Row 위젯 가로로 위젯을 나열할 때 사용 자식'들'을 가질 수 있는 위젯(children) 속성 : children에 데이터타입이 List인 것만 넣어줄 수 있다 Row( children[ Text('Widget:1'), Text('Widget:2'), ] ) 20강. ListTile Widget과 Pa..
-
1일교육/9주완성!프로젝트캠프-플러터 2023. 9. 24. 00:03
4강. DartPad의 첫 사용 DartPad사용 안 할 거라 생략->안드로이드 스튜디오 사용 5강. 프로그래밍의 기본 구조 프로그래밍 기본 구조 프로그래밍 언어란? 컴퓨터와 대화할 때 쓰는 언어 컴퓨터에게 '명령'하기 위한 문법 6강. 컴퓨터는 계산기니까 Dart기초 void main(){ print("Hello World!"); } void main(){ print(3); } >>>3 7강. 데이터타입 우리가 제공하는 데이터의 데이터 타입, 형을 명시해주게 되었다 문자는 Srting, 수는 int라고 약속 8강. int 변수 만들기 변수의 사용 데이터에 이름을 붙여 저장해야하는 필요가 생겨짐 변수를 만들 때 내가 사용하려는 변수의 데이터 타입을 명시해 준다 void main(){ int example..
-
필수 : 과정준비교육/9주완성!프로젝트캠프-플러터 2023. 9. 20. 22:32
이번주는 너무 바빠서 1일 1포스팅 불가넝,,,,몰아서 포스팅 Flutter 설치하기(Windows) 예전에 노트북에 플러터를 설치했던 기억을 더듬더듬, 클라썸에 올라온 flutter설치하기(Windows)도 참고하면서 설치 -Windows 1. 플러터 구글링해서 zip파일 다운받기 2. c드라이브 바로 아래에 압축 풀기, 즉 경로는 'C:\' 3. 환경변수 설정(시스템변수 Path변수에 'C:\flutter\bin\' 추가) 4. visual studio c++로 데스크탑 개발 선택해서 설치해주긔 (5.) 안드로이드 스튜디오가 죽어도 깔기 싫었던 나는 방법을 찾아내지 못했다 거지같이 4시간을 날려따 5. 안드로이드 스튜디오를 깔자^^... 6. 안드로이드 스튜디오 내의 SDK설치를 하고 나면 준비 끝~..