잿더미의 Flutter

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

1. Basic Flutter layout concepts 원문을 보고중간중간에 있는 Example들은 반드시 해보시고 이해하셔야합니다. Flutter의 UI는 XML 파일 등이 아닌 코드로 작성되므로 다른 프레임워크와는 다릅니다. 위젯은 Flutter UI의 기본 구성요소입니다. 이 코드랩을 진행하며 Flutter의 거의 모든 것이 위젯이라는 것을 ...

원문 Part 1에서 배울 내용 IOS와 Android 모두에서 자연스럽게 보이는 Flutter 앱을 작성하는 방법 Flutter 앱의 기본 구조 기능을 확장하기 위해 패키지 찾기 및 사용 더 빠른 개발을 위해 핫 리로드 사용 상태를 저장할 수 있는 위젯을 구현하는 방법 무한 스크롤 목록을 작성하는 방법 1부에서 만들 내용 새로운 이름을 마구잡이로 ...

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

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

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

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

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