가을기 Workspace

NoteEditPage에 Color를 추가한다. SingleChildScrollView에 커서를 올려놓고 alt + enter, WrapWithContainer를 통해 Container로 감싼다. 이후 color를 추가. appbar에 색상 선택하는 버튼 추가하고, 노트에 편집하는 버튼을 눌렀을때 소프트 키보드가 올라와있으면 얘를 내려줘야하니까 FocusManager를 사용해서 Focus 해제 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:sticky_notes/data/note.dart'; class NoteEditPage extends StatefulWidget { @over..

page/note_list_page.dart 추가 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class NoteEditPage extends StatefulWidget { @override State createState() => _NoteEditPageState(); } class _NoteEditPageState extends State { late String title; late String body; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('노트 편집'), ), body:..

data/note.dart에 색상정보 추가 import 'package:flutter/material.dart'; class Note { late String title; late String body; late Color color; Note(this.body, { this.title = '', this.color = colorDefault }); static const colorDefault = Colors.white; static const colorRed = Color(0xFFFFCDD2); static const colorOrange = Color(0xFFFFE0B2); static const colorYellow = Color(0xFFFFF9C4); static const colorLime =..

data/note.dart class Note { late String title; late String body; Note(this.body, { this.title = ''}); } page/note_list_page.dart import 'package:flutter/material.dart'; import 'package:sticky_notes/data/note.dart'; class NoteListPage extends StatefulWidget { @override State createState() => _NoteListPageState(); } class _NoteListPageState extends State { @override Widget build(BuildContext conte..

new flutter project 후 android, ios 의 app id, bundle id를 수정한다. android: android/app/build.gradle defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationId "com.actumn.stickynotes" minSdkVersion 16 targetSdkVersion 30 versionCode flutterVersionCode.toInteger() versionName flutterVersionName } ios: macos가 없어서 스킵 x..

FloatingActionButton의 위치는 floatingActionButtonLocation으로 조정할 수 있다. Container 위젯은 다른 위젯을 담는 역할을 한다.child 속성으로 하위 위젯을 지정할 수 있다. Padding 위젯은 자식 위젯과 padding만 설정할 수 있다. SizedBox 위젯은 Container의 너비와 높이만 지정할 수 있다. Row와 Column 위젯은 여러개의 자식 component를 배치할 수 있다. 각자 수평방향, 수직방향으로.mainAxisSize, mainAxisAlignment로 배치를 조정할 수 있다. ListView는 다수의 자식 위젯을 수직방향으로 배치할 수 있다.자식 위젯이 많아져서 화면 크기를 넘어가면 스크롤뷰를 통해 나머지 항목 확인 가능 U..

Way 1: Convert your interface to a class export class Category { name: string; description: string; } const category: Category = new Category(); Way 2: Extend your interface as a class export class CategoryObject implements Category { } const category: Category = new CategoryObject(); Way 3: Fully specify your object, matching the interface const category: Category = { name: 'My Category', descr..

마테리얼 디자인은 구글의 디자인 시스템 가이드다.https://material.io/ 에 들어가면 마테리얼 디자인을 찾아볼 수 있다. 자주쓰는 Material Design Components App BarButtonCard CheckboxesProgress indicatorsRadio ButtonsText fields 요즘엔 편하게 개발할 수 있는 도구가 많아서 참 좋다. Uploaded by Notion2Tistory v1.1.0