완성 된 패키지를 배포하는 방법에 대해 알아보자!  [package project 생성]먼저 File -> New -> New Flutter Project -> Next -> 아래의 그림과 같이 설정해준다. 여기서 포인트는 project type 을 Package 로 한다는 것!   [파일 구조 확인]패키지 프로젝트를 설정하고 나면 아래와 같이 아주 간단한 파일들만 있는 것을 확인 할 수 있다.해당 프로젝트의 lib 에 원하는 라이브러리를 작성 해 주면 된다. 나는 src 폴더를 따로 만들어 실제 필요한 코드들을 넣어 두었다.   [확인하기]터미널을 켜서 아래의 명령어를 쳐 준다. 이 명령어는 실제로 pub.dev 사이트에 올리기 전에 구조나 변수 선언 등등 틀린 곳이 없는 지 확인해주는 역할을 한다. ..

앞에서 설명했던 것과 같이 제일 큰 노란색 박스를 먼저 만들어주고 점점 세부적인 디테일을 구현 해 줄 것이다.  import 'dart:math';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'circle_diagonal_line_painter .dart';import 'each_button.dart';class WheelButton extends StatefulWidget { final double bottom; // 위젯의 위치를 설정하세요 final double containerSize; // 위젯의 크기를 설정하세요 final Color containerBgColor; // 버튼의 ..

네이버 앱에 보면 검색창 옆에 동그라미 버튼이 있는데 이걸 뭐라고 부르는지 아시나요 ...  구현을 하면서 찾아보다가 알게 되었는데 바로 그린닷 이라고 합니다! 이걸 플러터로 구현 해볼까 합니다. 플러터로 네이버 버튼 구현하기! 최종 목표는 라이브러리 화를 시키는 것이기 때문에 최대한 변수를 사용하고 누구든지 커스텀 할 수 있도록 구체적으로 만드는게 목표입니다.  사실 이미 라이브러리는 올라갔지만 허겁지겁 테스트 겸 올린거라 마음에 안들어서 처음부터 다시 구현 해볼까 합니다. 나름 외국인들도 사용 할 수 있게 영어로 설명도 써놨습니다.. 한번 다들 구경 해보세요!    floating_speed_dial | Flutter packageA Flutter package that provides a custo..

로그인창을 만들 때 엔터나 탭으로 다음 칸으로 이동하게 만들기를 해볼 것이다! //앞전의 정의들 static const inputRadius = 8.0; OutlineInputBorder enabledBorder = const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(inputRadius)), borderSide: BorderSide.none); OutlineInputBorder focusedBorder = const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(inputRadius)), b..

API 통신을 하다보면 동일한 주소로 method만 바꿔서 통신하는 게 보통이다. 이럴떄 보면 조금더 간편하게 할 수 없을까? 생각이 들때 사용하면 좋을 라이브러리이다. 물론 사용하지 않고 구현해도 문제는 없다.   [pub.dev] dio | Dart packageA powerful HTTP networking package, supports Interceptors, Aborting and canceling a request, Custom adapters, Transformers, etc.pub.devexamples 에 보면 다양한 사용법이 설명 되어 있다. 아래는 그걸 활용하여 만든 코드이다.     [구현 예시]1. API 통신에 필요한 값들을 모아 요청 함수를 만든다.  Future request..

최근에 프로젝트를 하다가 git commit convention이라는 걸 알게 되었다. 그전에는 그냥 내가 한 '페이지 명 + 처리 한 것'  이렇게 commit messeage 를 작성 했었는데 작업자가 10명, 100명 이렇게 늘어나게 되면  유일한 식별자를 구별하기 어려워 진다는 단점이 있어 잘 지켜야 한다고 한다.  [conventionalcommits.org]아래는 커밋 메세지 컨벤션 관련하여 자세하게 적힌 사이트다.  Conventional Commits커밋 메시지에 사용자와 기계 모두가 이해할 수 있는 의미를 부여하기 위한 스펙www.conventionalcommits.org위의 사이트를 기반으로 commit convention을 작성하는 방법에 대해 알아보자   [commit type] 그..