수니의 개발새발

Flutter 협업을 진행하면서, 코드 컨벤션을 맞추기로 했어요! 스터디 단계이기 때문에 먼저 대중적으로 사용 되는 Flutter Linter를 찾아보았더니, Flutte는 자체적으로 권장 Lint파일을 제공한다고 하네요!! 📌 이번 글은 Flutter Linter 적용법 입니다. flutter_lints 이 패키지에는 Flutter 앱, 패키지 및 플러그인에 권장되는 lint 세트가 포함되어 있어 좋은 코딩 방법을 권장합니다. Flutter v2.3.0 이후 flutter create로 생성된 Flutter 앱, 패키지 및 플러그인은 Lint가 미리 정의된 analysis_options.yaml 파일과 함께 기본 제공됩니다 GitHub - flutter/packages: A collection of u..

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Icon Icon을 표시해주는 위젯 MaterialIcon(Icons), CupertinoIcon 사용 가능 이외 Icon 라이브러리: https://pub.dev color 속성: MaterialColor(Colors), CupertinoColors, CustomColors(Color) 사용 가능 size 속성: 크기 👩🏻‍💻 사용 예제 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is..

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Column / Row 자식을 수직/수평 배열로 표시하는 위젯 스크롤되지 않음 (사용 가능한 공간에 맞는 것보다 Column/Row에 더 많은 자식이 있으면, ERROR) 공간이 부족할 경우 스크롤 할 수 있도록 ListView 사용 mainAxisAlignment 속성: Column/Row의 자식을 기본 축을 따라 배치하는 방법 (MainAxisAlignment 사용) MainAxisAlignment Flex Layout에서 기본 축을 따라 자식을 배치하는 방법 .start / .center / .end / ... 👩🏻‍💻 사용 예제 Row import 'pac..

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Scaffold MatarialApp안에 디자인할 때 구조가 있는 도화지 appBar 속성: Scaffold 상단에 표시할 앱 바 (AppBar 위젯 사용) bady 속성: Scaffold의 기본 콘텐츠 AppBar material design의 앱 바 위젯 구조 Container 빈 박스 위젯 decoration 속성: 박스 색상, 모양, 테두리 선 변경 가능 (BoxDecoration 위젯 사용) BoxDecoration Box 를 그리는 다양한 방법을 제공 border 속성: Box border 색상, 굵기 borderRadius 속성: Box border 모..

final / const 둘 다 상수를 선언하는 키워드 final은 프로그램이 실행될 때(런타임 시점에) 값을 초기화 ex) final final DateTime now = new DateTime.now(); // final 은 런타임시점에 결정되는 값도 설정할 수 있다. print(now); // 2022-02-15 21:55:42.462 const는 컴파일 시점에 값을 초기화 ex) const const DateTime now = new DateTime.now(); // ERROR // const는 런타임시점에 결정되는 값을 설정할 수 없다. DateTime.now() 런타임 시점에 현재 시각을 구하는 함수 🙋🏻‍♀️ 참고 Dart 언어의 const vs final 의 차이

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Text style 속성: Text Style 설정 Text("Hello") Text("Hello", style: TextStyle(fontWeight: FontWeight.bold)) SafeArea 핸드폰 기기별로 조금씩 다른 StatusBar 영역에 여백을 넣어주는 위젯 Debug 배너 해제 CupertinoApp의 debugShowCheckedModeBanner를 false로 설정 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Cupertin..

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 책의 샘플 앱을 만들면서 공부한 위젯 정리입니다. Spacer 위젯 사이의 간격을 조정하는 데 사용 Row( children: [ Text("Woman", style: TextStyle(fontWeight: FontWeight.bold)), Spacer(), Text("Kids", style: TextStyle(fontWeight: FontWeight.bold)), Spacer(), Text("Shoes", style: TextStyle(fontWeight: FontWeight.bold)), Spacer(), Text("Bag", style: TextStyle(fontWeight: FontWeight.bold)),..

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 Mac Android Studio에서 Flutter 프로젝트를 개발하면서 유용한 단축키 모음입니다. 제가 잊지 않기 위해 작성하는 포스팅입니다! 계속 새로운 것이 생길때마다 업데이트 예정입니다. 새로운 위젯으로 감싸기 위젯 커서 > option + Enter 자동 정렬 option + command + L 위젯 속성 위젯 커서 > command + 마우스 왼쪽 클릭 파일 찾기 (22.03.30) shift 2번 전체 찾기 (22.03.30) shift + command + f 찾아서 바꾸기 (22.03.30) shift + command + r