1. Introduction 플러터의 Material Design 과 Material Components 란 무엇인가? Material Design 시스템은 일관된 원칙과 구성요소로 디자인 잠재력을 실현할 수 있는 것이다. 플러터용 Material App 과 Material Component 는 일관된 사용자 경험을 제공한다. Material Desi...

이 포스트는 Flutter를 공부하면서 작성했습니다. 개인적인 사견과 기억들을 기록하는 포스트임을 참고해주세요! 또한 정확한 정보가 아닐 수 있으니 참고만 해주시고, 잘못된 부분을 지적해주신다면 수정하도록 하겠습니다. - 앱 아이콘? 앱 아이콘은 어플리케이션의 첫 인상이라고 할 수 있다. 많은 사람들이 새로운 어플리케이션을 쓰지 않고 사용하던 어...

Layouts in Flutter 원문과 함께하는 것을 권장합니다. 중점으로 알아야하는 것 - 위젯은 UI를 빌드하는 데 사용되는 클래스이다. - 위젯은 레이아웃과 UI 요소 모두에 사용된다. - 간단한 위젯을 작성하고 조합하여 복잡한 위젯을 작성한다. Flutter 의 레이아웃 매커니즘의 핵심은 위젯이다. Flutter에서 거의 모든 것이 ...

암시적 애니메이션 원문과 함께하는 것을 권장합니다. 이 코드랩은 다음 속성들을 다룬다. - AnimationOpacity 를 이용한 fade-in 이펙트 - AnimatedContainer 를 이용한 사이즈, 색상, 마진 변경 애니메이션 - 암시적 애니메이션을 사용하는 기술 개요 그래서 암시적 애니메이션이란? Flutter animat...

Overview 이전 플러터 앱 제작보다 좀 더 깊게 들어갑니다. Build the main user interface 이 섹션에서는 기본 앱을 채팅 앱으로 만듭니다. - 실시간으로 메세지를 보여줍니다. - 사용자는 텍스트 문자열 메세지를 입력하고 리턴 키 또는 보내기 아이콘을 눌러 보낼 수 있습니다. - IOS, Android 장치 모두에서...

원문 Part 2에서 배울 내용 - IOS와 Android 모두에서 자연스럽게 보이는 Flutter 앱을 작성하는 방법 - 더 빠른 개발을 위해 핫 리로드 사용 - Stateful Widget에 반응 추가하기 - 두번째 화면으로 이동하는 기능 생성 - 앱 테마 변경하는 법 2부에서 만들 내용 무한으로 만들어지는 이름들을 선택하거나 해제하여...

들어가기 앞서 나도 Flutter 초심자이다. 내가 배운 것들을 모두 정리할것이고 목표는 나 = 독자를 만들어 보는게 목표이다. 로드맵, 문서들은 주기적으로 추가될 예정이다. 로드맵 기본적인 프로그래밍 언어는 안다고 가정한다. Flutter는 Dart 라는 언어로 작성되었지만 대부분의 컨셉은 같을거라 예상한다. 모르는 것만 Flutter를 쓰다가 ...

한동샘 요구 기능 - 유산균 판매 회사인 한동샘과 함께 프로젝트를 진행하였다. 유산균은 꾸준하게 섭취하는게 중요하기 때문에 한동샘은 사용자가 유산균을 섭취하는 것을 돕고 복용 결과를 시각화해주어 성취감을 주는 어플을 만들기를 원했다. 1. 맛알람 : 사용자가 유산균을 복용해야 할 시간마다 알람. 2. 장일기 : 매일 사용자의 하루 장건강과 생활습관을 기록하...

flutter.png what about flutter 플러터는 최근 큰 이슈가 되고 있다. 플러터는 짧은 시간 안에 커다란 모습을 안겨주었다. 이러한 것은 스타트업과 대기업에 깊은 인상을 심어주고 있다. 어플리케이션 마켓시장의 열풍이 거세어지자, 기업들은 청중들의 용기를 얻기 위해서 모든 수단을 동원하고 있다. 그들은 모든 플랫폼뿐만 아니라 사용자의...

어플리케이션 개발 자체가 처음인 초보가 나중에 다시 보려고 작성함. https://flutter.dev/docs 보고 했음. 1. 안드로이드 스튜디오 설치 이미 설치했다면 패스하고, 안드로이드 스튜디오 다운로드 페이지에 가서 자기 OS에 맞게 설치하면 된다. 첫 설치에선 다 선택되어있는 기본값으로 진행하면 된다. 2. Flutter SDK...

플루터로 코딩하다 보면 AppBar를 추가하지 않고, 상태 바의 높이만큼을 padding을 줘야하는 상황이 생긴다. statusBarHeight만큼 Padding을 줘서 상태바 높이 만큼 띄울수 있다. 스크린샷 2019-06-27 오후 12.50.41.png 위 사진이 padding을 주지 않을 때이고, 스크린샷 2019...