방구개발

기본 형태! BoxDecoration decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), border: Border.all( width: 2, color: Colors,black, ),)  - 아래만 (일부만) 테두리  border: Border( bottom: BorderSide( color: Colors.black, width: 2, ),),- 오른쪽, 위쪽만 border 만들기border: Border( right: BorderSide( color: Colors.black, width: 2, ), top: BorderSide( ..

개인 개발자, 특히 디자인 능력이 모자란 사람이 있다. 는 나.. 개인 개발을 하면서 절실히 느끼는 기획력과 디자인의 중요성 회사 다닐 때는 당연하게 생각하며 디자인 검수받을 때 단전에서 올라오는 빡침을 억누르지 못했는데, 존경하는 디자인 선생님덜.. 죄송합니다. 혼자하니, 덜 떨어진 디자인 능력이 한탄스러울 뿐.. 최근 공개된 themes Playground에서 색 조합을 추천을 해줘서.. 그나마 나은 것 같다. 빨간 워닝 색도 수십가지가 있는 게 너무.. 그 미묘한 차이라는 게 생각보다 크다. https://rydmike.com/flexcolorscheme/themesplayground-v6/#/ Themes rydmike.com 위 사이트에서 추천하는 색 조합이 있다. 이렇게, primary컬러, ..

flutter는 progress bar를 지원하지만.. 예쁘지 않다.. ㅎㅎpackage:flutter/src/material/progress_indicator.dart간단하게 설명하자면value : 진행률backgroundColor : 기본 백그라운드 색 color: 테두리 색 valueColor: 진행률 색상  LinearProgressIndicator( value: 0, backgroundColor: Color.fromARGB(255, 138, 65, 65), color: Colors.black45, valueColor: AlwaysStoppedAnimation(Colors.white), minHeight: 10.0, semanticsLabe..

iOS 개발이 익숙한 나에게는 매터리얼 디자인이 정말... 무척이나 예쁘지 않고 사용감이 떨어지는 것 같다. iOS만 써서 그런거 같기는 하지만.. ㅎㅎ iOS list 구성 중 행을 밀어서 해당 행에 어떤 액션이 주어지는 SwiftUI 로 치면 .onDelete https://pub.dev/packages/flutter_slidable flutter_slidable | Flutter Package A Flutter implementation of slidable list item with directional slide actions that can be dismissed. pub.dev - 설치 flutter pub add flutter_slidable 구성은 아래와 같다. Slidable ( chi..

flutter를 배우다 보면 같은 ui를 정말 다양하게도 만드는데, 회사나, 프로젝트를 하면서 다른 사람이 코딩 하는 걸 보는게 아니라면 더더욱 그렇다. 특히 응용의 과정 중에 코드가 비대해져서 이게 맞나..? 하는 생각이 참 많이 든다. 그럴 때, 다른 코드를 보면서 인사이트를 얻는것도 좋은 방법인 것 같다. 예제 소스를 찾으면서 잘 정리되고, 애매하게 정리된 개념들을 확실 하게 잡아 줄 수 있는 것을 원했다. 그래서 여러 사이트를 돌아다니다, 괜찮은 사이트가 있어 소개하고자 한다. https://flutterawesome.com/ Flutter Awesome An awesome list that curates the best Flutter libraries and tools. flutterawesom..

box shape 종류에는 무엇이 있을까 https://api.flutter.dev/flutter/painting/BoxShape.html BoxShape enum - painting library - Dart API The shape to use when rendering a Border or BoxDecoration. Consider using ShapeBorder subclasses directly (with ShapeDecoration), instead of using BoxShape and Border, if the shapes will need to be interpolated or animated. The Border class cannot interpol api.flutter.dev 문서에..

플루터의 초기 프로젝트 앱 아이콘은 위와 같은 플루터 아이콘이다. 배포할때에는 아이콘을 변경하지 않을 수 없다. = 변경해야 한다~ 아이콘을 변경하는 수 많은 방법들이 존재 하지만, 어떻게 하면 가장 빠르게 또, 다른 앱들에도 쉽게 적용 할 수 있을까? 우선 변경할 이미지 파일을 준비한다. 알파 값이 포함된 png 파일이면 iOS 심사에 리젝 당할 수 있으니, 가능한 jpeg 로 준비한다. 만든 파일을 아래 사이트에서 app icon 사이즈에 맞도록 업로드 후 다운로드 한다. https://appicon.co App Icon Generator appicon.co 위 링크에서 앱 아이콘 생성시 아래 폴더 구조로 압출 파일이 하나 다운 받아진다. android / iOS 두가지만 살펴 본다면 안드로이드 - ..

우선 iOS에서 쓰던 stepper는 숫자 증감의 객체 였는데, flutter에서의 stepper는 아래 사진 처럼 음.. stepper다.. (타임 라인 작성할 때 사용하기 좋다...?!) 참 설명하기는 어렵지만 아래 사진을 보면 분명히 구분 된다. 그렇다면 iOS 처럼 숫자 counter에 사용 할 만한 객체가 flutter에 있는가? 결론은 없다. 직접 만들어야 한다. 뭐, 아래 플러그인이 존재 한다. https://pub.dev/packages/counter_button counter_button | Flutter Package Counter Button is a flutter library that allows you to create a button with animation effects w..

1. vscode를 연다. 2. command + shift + p 눌러 command palette 를 실행 시킨다 혹은 보기 > command palette 선택 3. Flutter: New Project 를 선택한다. 개발할 프로그램에 맞춰 선택 우선 앱을 만들 것이기 때문에 애플리케이션 선택 4. 앱 저장 위치를 정하고 이름을 정한뒤 엔터! 프로젝트 이름은 lowcase 그럼 프로젝트가 생성되고 f5 혹은 터치바라면 디버그 버튼을 눌러 디버깅 모드를 실행한다. 이렇게 프로젝트가 잘 생성 된 것을 볼 수 있다.

dart는 참.. 음.. 좋은데 swift를 하다 갈아타면 참 애매한 경우가 있다. 클래스 선언은 비슷한데 생성자는 참 애매하고 ㅎㅎ dart의 class와 생성자는 어떻게 생성하고 사용할까 1. dart의 class는 어떻게 선언할까 class WhatIsClass{ } 다른 언어들처럼 선언한다. 그럼 어떻게 사용할까? WhatIsClass myClass = WhatIsClass(); 2. 생성자는 어떻게 선언할까 다트에서는 오버로딩이라는 개념이 없기 때문에, 네임드 생성자를 사용해야 한다. nullable class WhatIsClass { String? myString; int? myNumber; WhatIsClass({ this.myString, this.myNumber}); } non nulla..