Flutter

Flutter에서 대두되는 두가지 아키텍처 패러다임이 있다. 이 두가지 아키텍처에 대해서 기술한 글들을 리뷰해 어떤 아키텍처를 선택하는 것이 좋을지 알아보자. 기술할 글의 선정 기준은 구글에 feature first를 검색했을 때 상단에 위치한 글이다. https://codewithandrea.com/articles/flutter-project-structure/ Flutter Project Structure: Feature-first or Layer-first? An overview of the feature-first and layer-first approaches when choosing a project structure for medium/large Flutter apps, along with ..

Flutter의 SafeArea에 대해서 실험적으로 잘 기술한 글이 있어 퍼오게 되었다. 들어가며 이번 글에서는 Flutter(이하 플러터)에서 가장 기본이 되는 위젯 "SafeArea"에 대해 살펴보고 사용법에 대해서 알아보도록 하겠습니다. 그런 후에 적용 예시를 통해 어떤 옵션이 있는지 또한 사용해야할 때의 유의점도 함께 살펴보겠습니다. SafeArea 이름만 들어서는 안전한 영역?은 대체 뭐까라는 의문점을 들게 하는 위젯입니다. 하지만 매우 중요하고 의미있는 위젯이기도 한데요. 바로 Widget of the week 에서 첫번째로 설명하고 있는 위젯이기 때문입니다. 플러터 공식문서에서는 이 위젯을 이렇게 표현하고 있습니다. A widget that insets its child by sufficie..

Cascade notation .. 을 사용하면 한 오브젝트에 대해서 필드 접근, 함수 호출을 순차적으로 실행할 수 있다. 대상 객체를 반복적으로 쓰지 않아도 돼 문법이 간결해진다. querySelector('#confirm') // Get an object. ..text = 'Confirm' // Use its members. ..classes.add('important') ..onClick.listen((e) => window.alert('Confirmed!')); 위 코드는 아래의 코드와 동일하게 동작한다. var button = querySelector('#confirm'); button.text = 'Confirm'; button.classes.add('important'); button.onC..

Flutter에는 GetIt이라는 의존성 주입 도구가 있다. GetIt은 서비스 로케이터 패턴으로 개발되었다. 서비스 로케이터 서비스나 의존성을 등록하고 필요할 때 코드의 어느 위치에서나 찾아 사용할 수 있는 패턴으로 인스턴스를 쉽게 등록하고 사용할 수 있는 장점이 있다. 인스턴스 사용 방법 Factory: 새 인스턴스를 생성해서 반환한다. Singleton: 싱글톤 패턴으로 같은 인스턴스를 반환한다. Lazy Singleton: 처음 호출될 때 인스턴스를 생성하여 반환한 후 해당 인스턴스를 재활용한다. 장점 쉬운 의존성 주입: 생성한 get_it 인스턴스 안에 API, Dao, HiveBox 등을 쉽게 넣어 주입할 수 있다. 분리된 인스턴스: 각각 다른 성격을 띄는 객체들을 다른 get_it 인스턴스에..

Flutter의 기초 개발에 대해서 잘 요약해둔 글을 발견해 클립한다. 플러터의 개념부터 Appbar, Fragment, BottomNavigation, 등 기본 UI, 화면에서 UI 개발하는 법 등 플러터의 기초적인 거의 모든 개발 방법을 기술한다. 해당 글은 저작권이 있기 때문에 글의 내용을 기술하진 않는다. 대신 위시켓에서 매우 잘 번역한 글이 있기에 함께 클립한다. https://yozm.wishket.com/magazine/detail/1566/ Flutter로 UI를 구현하는 방법 | 요즘IT 이 글에서는 이미지를 포함한 모든 종류의 UI를 Flutter 코드로 변환하는 방법에 대해 소개할 예정입니다. 미리 말하자면 이 글은 앱 개발 튜토리얼이 아니며, 다양한 UI의 기본적인 개념과 구현 방 ..

Flutter는 앱 데이터의 상태 관리를 위해 Bloc과 Cubit을 제공한다. Cubit은 Bloc의 6.0.0 버전부터 새롭게 제공된 Bloc의 경량화 버전이다. Bloc 호출 이벤트 및 상태 변경이 모두 Stream이다. 모든 과정이 Stream이기 때문에 Event sourcing을 할 수 있다. UI가 Bloc에 events를 보낸다. 호출 이벤트가 Stream이기 때문에 가능한 기능들이 추가되지만 보일러 플레이트가 상당하다. class CityBloc extends Bloc { CityBloc() : super(City()){ on( generateCity, transformer: debounce(const Duration(milliseconds: 300)) ); } FutureOr gener..