Flutter Textfield 키보드로 focus 이동 시키기 (feat. 로그인 창)
·
Flutter
로그인창을 만들 때 엔터나 탭으로 다음 칸으로 이동하게 만들기를 해볼 것이다! //앞전의 정의들 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..
Flutter API 통신을 간편하게 해주는 dio 라이브러리
·
Flutter
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
·
git
최근에 프로젝트를 하다가 git commit convention이라는 걸 알게 되었다. 그전에는 그냥 내가 한 '페이지 명 + 처리 한 것'  이렇게 commit messeage 를 작성 했었는데 작업자가 10명, 100명 이렇게 늘어나게 되면  유일한 식별자를 구별하기 어려워 진다는 단점이 있어 잘 지켜야 한다고 한다.  [conventionalcommits.org]아래는 커밋 메세지 컨벤션 관련하여 자세하게 적힌 사이트다.  Conventional Commits커밋 메시지에 사용자와 기계 모두가 이해할 수 있는 의미를 부여하기 위한 스펙www.conventionalcommits.org위의 사이트를 기반으로 commit convention을 작성하는 방법에 대해 알아보자   [commit type] 그..
ModalBarrier 활용하기
·
Flutter
[ModalBarrier 클래스]사용자가 현재 보는 위젯 뒤에 있는 다른 위젯과 상호 작용하지 못하도록 하는 위젯이다. 모달베리어는 각 경로 뒤에 랜더링 되는 스크린이라 사용자가 뒷 스크린과 상호작용하지 못하도록 한다.  [사용] ModalBarrier( dismissible: false, color: Colors.black.withOpacity(0.0), ), [전체적인 코드]AlertDialog 를 띄우고 api 가 통신 되는 동안 뒷 배경을 클릭하여 다른 동작을 하지 못하게끔 ModalBarrier 를 이용하여 막아 놓는다. 그렇게 하면 아무리 눌러도 이상이 없지롱 ...  @override Widget build(BuildContext c..
해니01_15
'2024/09 글 목록