💾

AtoZ; 처음부터 끝까지 기록하려고 노력합니다✍

📚STUDY/🎫Dart&Flutter

5. SingleChildScrollView Column을 사용해 위젯들을 나열하다 보면 화면의 크기를 넘어설 수 있다. 이때, 스크롤 기능이 필요하다. 이 위젯은, 하나의 자식을 스크롤할 수 있게 하는 위젯이다. 보통 column보다는 ListBody를 사용해 스크롤 위젯을 만든다. column은 위젯의 크기만큼 가로 길이를 가져 스크롤 가능 영역이 좁을 수 있기 때문이다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: T..

2021. 2. 7.

📚STUDY/🎫Dart&Flutter

위젯 중 화면을 구성하는 레이아웃을 만드는 기본 위젯들인 container, column, row 1. Container 하나의 자식을 가지는 레이아웃 위젯. 아무것도 없다. Container({ Key key, this.alignment, this.padding, Color color, Decoration decoration, this.foregroundDecoration, double width, double height, BoxConstraints constraints, this.margin, this.transform, this.child, }) 위와 같은 다양한 속성을 가져 다양한 응용이 가능하다. child를 이용해 또 다른 위젯을 자식으로 가질 수 있다. padding이나 margin 부분에..

2021. 2. 7.

📚STUDY/🎫Dart&Flutter

StatelessWidget 실습 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: Scaffold( appBar: App..

2021. 2. 6.

📚STUDY/🎫Dart&Flutter

안드로이드 스튜디오에서 StatelessWidget, StatefulWidget을 쉽게 작성할 수 있게 도와주는 자동완성 기능이 존재한다. StatelessWidget class 단축키 stl 까지 입력하면 아래 stless라는 축약어가 뜬다. 그냥 엔터를 누르면 알아서 자동완성이 된다. 클래스명을 입력하면 StatelessWidget class가 완성된다. StatefulWidget class 단축키 stf 까지 입력하면 stful라는 축약어가 뜬다. 엔터를 누르면 코드가 자동완성된다. 클래스 명을 입력하고 엔터키를 누르면 StatefulWidget class가 완성된다.

2021. 2. 6.

📚STUDY/🎫Dart&Flutter

android studio에서 flutter project를 처음 만들었을 때 보이는 기본 앱의 코드 분석. 전체 코드 //main.dart import 'package:flutter/material.dart'; //앱 시작 부분 void main() { runApp(MyApp()); } //시작 클래스. 머티리얼 디자인 앱 생성 class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( // This is the the..

2021. 2. 6.

📚STUDY/🎫Dart&Flutter

내가 보고 공부하려고 정리하는 Dart문법! dart 문법 매뉴얼과 flutter 생존 코딩 공부 책을 보면서 정리. dart.dev/guides/language/language-tour A tour of the Dart language A tour of all of the major Dart language features. dart.dev 실습 가능한 웹 IDE 환경 : dartpad.dev/ DartPad dartpad.dev 기본 문법 (티스토리 코드블럭은 Dart를 지원하지 않아 우선 java로 표기합니다) 주석 //주석 /** * 주석 **/ /// 문서주석 문장 명령 단위. 세미콜론 ;으로 끝난다. 변수 data를 담는 상자. 종류는 type, 자료형이라고 함.dart는 int, double..

2021. 1. 27.