수니의 개발새발

Color Util 만들다가 피그마에서 바로 Color값 복붙해서 사용하는데 계속 16진수로 바꿔 사용하기 번거로워 HexColor Extension 클래스를 만들어버렸습니다. :) 📌 이번 글은 Dart에서 Hex값으로 색상 설정 HexColor Extension Class 정의 입니다. Flutter에서 Hex값으로 색상을 설정하는 방법 Color mainColor = const Color(0xffff6B6B); HexColor Extension 클래스 import 'package:flutter/material.dart'; extension HexColor on Color { static Color fromHex(String hexString) { Color color; try { String col..

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..

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 입문⌟을 참고하여 작성하였습니다. Dart 변수와 함수명 카멜표기법(낙타표기법) int myNum = 26; 단어의 첫 글자를 대문자로 표기 - 단, 맨 앞에 글자는 소문자로 표기 표기한 모습이 낙타의 등과 같다고 하여 카멜 표기법 Dart 파일명 언더스코어 방식 my_num.dart 단어 사이에 언더바(_)를 표기 Dart 클래스(class) 명 파스칼표기법 class MyNum {} 카멜표기법과 흡사하지만 맨 앞에 오는 첫 글자도 대문자로 표기 private 변수 변수명 앞에 언더바(_) int _age; 🙋🏻‍♀️ 참고 최주호, 정호준, 정동진 공저, ⌜모두가 할 수 있는 플러터 UI 입문⌟, 앤써북(2021), p65

앤써북의 ⌜모두가 할 수 있는 플러터 UI 입문⌟을 참고하여 작성하였습니다. 📌 이번 글은 Dart, Flutter 코드를 작성하고 실행해볼 수 있는 DartPad 사용법입니다. DartPad 웹에서 Dart와 Flutter 코드를 작성하고 실행할 수 있습니다. DartPad dartpad.dev DartPad의 첫 화면입니다. Flutter 작성/실행 New Pad 선택 Flutter > Create 선택 Run 선택하여 실행 배경색, 텍스트 수정해서 Run 아직 언어를 잘 모르지만 한번 수정해봅니다. Dart 언어 작성/실행 New Pad 선택 Dart > Create 선택 HTML은 비활성화 Run 선택하여 실행 🙋🏻‍♀️ 참고 최주호, 정호준, 정동진 공저, ⌜모두가 할 수 있는 플러터 UI 입문..