본문 바로가기

Flutter3

BLoC 개념 BLoC 패턴이란? BLoC는 비즈니스 로직 컴포넌트(Business Logic Component)의 약자이다. BLoC 패턴이 쓰이는 이유? UI와 비즈니스 로직을 분리해 개발을 원활히 하고자 한다. 비즈니스 로직은 데이터베이스 조회나 서버와의 통신 등 데이터를 처리하는 부분을 말합니다. UI와 비즈니스 로직을 분리하려는 이유는 코드 수정 시 서로 간의 간섭을 떨어트리고 테스트를 용이하게 하기위해 사용. 데이터 관리 측면에서 좋다. 부모와 자식간의 데이터 흐름을 직관적이고 단순하게 만들어준다. 구조는 Redux와 비슷하다.(구조만... 실제 사용방법 및 용도는 다르다.) 내 개인적 이해로는 ViewModel로 이해하는게 가장 와닿았다.(BLoC==ViewModel) ViewModel를 다른 프레임워크(.. 2019. 1. 13.
2. 레이아웃 기초 Building layouts 위의 레이아웃을 분석해보자. 첫번째 행은 Title Section 가장 바깥은 Container 위젯 첫번째 자식은 Row 위젯이고 3개의 자식 위젯을 가지고 있다. 자식 위젯 중 첫번째는 컬럼 위젯 with 2 children (2개의 Text 위젯) 특징으로는 대부분의 공간을 차지하고 있고 이 속성은 Expanded 두번째는 아이콘 위젯 마지막은 텍스트 위젯 위의 글을 코드로 변환해보면 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { Widget titleSection = Container( padding: const EdgeInsets.all(32.0), child:.. 2019. 1. 3.
1. Flutter 위젯 소개 기본적인 구성과 위젯 사용방법 Hello World import 'package:flutter/material.dart'; void main() { runApp( Center( child: Text( 'Hello, world!', textDirection: TextDirection.ltr, ), ), ); } Basic Widgets import 'package:flutter/material.dart'; Material 라이브러리 추가 항상 main 함수가 존재 해야 한다. 말 그대로 메인 함수 runApp() 함수, 앱의 시작점, 루트 내부의 위젯들로 위젯트리 구성, flutter 프레임워크는 루트 위젯으로 화면 전체를 덮는다. Center 위젯과 자식 위젯으.. 2019. 1. 2.