Flutter 2.0 Buttons V2

Flutter 2.0 Buttons V2

새로운 버튼! Flutter 2.0 업데이트가 되면서 버튼 위젯이 크게 업데이트 되었습니다. 기존에는 버튼을 사용하려면 FlatButton, OutlineButton, RaisedButton 중 하나를 사용하는게 일반적이었는데 이 버튼들이 1.25버전 기준으로 deprecate 되면서 TextButton, OutlinedButton, ElevatedButton 을 사용해야되게 변경이 됐습니다. 이번 강의는 각 버튼이 어떻게 변경이 되었고...
플러터로 화투 카드 뒤집는 애니메이션 만들기

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

강의 소개 안녕하세요 코드팩토리입니다! 제가 최근에 타짜라는 영화를 봤는데요 섯다를 치는 신세경이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 로 커스텀 키보드 구현하기 feat. 카카오뱅크

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

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

크로스플랫폼 앱 개발, 어떤 프레임워크를 사용해야 하나?

오늘은 앱 크로스 플랫폼에서 현재 가장 많이 사용되는 React Native와 구글의 야심작인 Flutter를 비교해보는 시간을 갖도록 해보겠습니다. 왜 크로스 플랫폼 앱을 개발할까요? 기업의 규모가 굉장히 크고 많은 엔지니어들을 고용할 수 있다면 네이티브 앱 개발을 진행하는 것도 좋은 방법입니다. 각 OS 별 고유의 기능들을 모두 활용하며 크로스 플랫폼 개발에서 생기는 추가적 버그 및 기술적 문제를 최소화할 수 있기 때문입니다. 하지만 기업이 작을수록 많은 엔지니어를...