Flutter 2.0 FVM 으로 여러개의 Flutter 버전 관리하기

Flutter 2.0 FVM 으로 여러개의 Flutter 버전 관리하기

Flutter 2.0! 어제 Flutter 2.0 버전 및 Dart 2.12 버전에서 추가된 Null Safety 기능에 대해 말씀 드렸었습니다. 이번시간에는 Flutter 2.0 에서 추가된 버튼들의 기능을 정리하면서 FVM 이라는 편리한 라이브러리를 알게되서 FVM에 대해 먼저 알려드리려고 해요! FVM 이란? FVM 은 Flutter Version Management 의 약자입니다. nodeJS 를 서버로 사용해보신 분들은 nvm 에 굉장히 친숙하실텐데 FVM 또한...
Flutter 2.0 Null Safety

Flutter 2.0 Null Safety

Flutter 2.0! 2021년 3월 4일 기준으로 드디어 Flutter 2.0 버전이 Stable Channel 에 머지가 되었습니다. 머지된 pull request 리스트를 보면 정말 어마어마하게 많은 새로운 기능들이 머지가 된것을 볼 수 있는데 Flutter 개발자들이 오랫동안 요구해왔던 기능들이 머지가 되어서 업데이트 사항을 공부하며 목요일을 정말 힘차게 보낼 수 있는 원동력이 될 것 같습니다. 모든 업데이트 사항을 한번에 분석할 수 없으니 이번 시간에는 Dart 의...
플러터로 화투 카드 뒤집는 애니메이션 만들기

플러터로 화투 카드 뒤집는 애니메이션 만들기

강의 소개 안녕하세요 코드팩토리입니다! 제가 최근에 타짜라는 영화를 봤는데요 섯다를 치는 신세경이er 로 화투 카드 뒤집는 애니메이션을 만들어보려고 합니다. 이미지 다운로드 자 일단은 아래 이미지들을 다운받아 주세요. 위부터 아래로 각각 화투의 뒷면, 3광, 8광입니다. 이 카드를 렌더링하는 함수를 먼저 작성 해보겠습니다. renderCard({ @required Key key, bool isBack = true, bool isThree = true, }) {...
Flutter Form 으로 손쉽게 여러개의 텍스트필드 상태관리하기!

Flutter Form 으로 손쉽게 여러개의 텍스트필드 상태관리하기!

서론 Flutter 에서 기본적으로 TextField 입력을 받으려면 기본적으로 TextEditingController 를 사용해야 합니다. TextField 가 하나면 괜찮지만 여러개가 되면 될수록 컨트롤러 관리가 굉장히 어려워지죠. 하지만 TextFormField 라는 TextField 의 살짝 변형된 위젯을 이용하면 쉽게 validation 과 값을 받아올 수...
Flutter 로 Hermes 애플워치 페이스 그려보기

Flutter 로 Hermes 애플워치 페이스 그려보기

서론 이번 시간에는 Flutter 의 매우 강력한 기능중 하나인 Custom Painter 에 대해 배워보도록 하겠습니다. 연습으로 아래 Apple Watch Hermes 에디션의 워치 페이스를 그려보도록 하겠습니다. 아 전 물론 Hermes 에디션이 없습니다. 없으니 그려서라도 갖어보려구요. Youtube Custom Paint Init 일단 CustomPainter 를 초기화 해볼게요. 방법은 원하시는...
Flutter 로 커스텀 키보드 구현하기 feat. 카카오뱅크

Flutter 로 커스텀 키보드 구현하기 feat. 카카오뱅크

서론 오늘은 Flutter 로 커스텀 키보드를 만들어보려고 합니다. 특수한 상황이 아닌 경우 각 OS 에서 제공해주는 기본 키보드의 기능이 충분하지만 만약에 특수한 키보드를 사용해서 UI/UX 를 대폭 증진 시킬 수 있다면 직접 키보드를 제작해야하는 상황이 올 수도 있습니다. 예를들면 금융 앱에서 숫자를 입력할때라던가 캘린더 앱에서 날짜를 쉽게 지정할 수 있도록 해야할때가 해당되죠. 연습으로 카카오뱅크의 이체금액 입력 키보드를 카피 해보도록 하겠습니다. Youtube 영상...