Programming/Flutter

1. websafe_svg Android, iOS, 웹에서 SVG 처리 websafe_svg | Flutter Package Simple abstraction to be able to use SVGs in Android, iOS, and Web. pub.dev 2. flutter_staggerd_grid_view 화면 레이아웃을 자유롭게 나눠줌 ( Grid 스타일 ) flutter_staggered_grid_view | Flutter Package Provides a collection of Flutter grids layouts (staggered, masonry, quilted, woven, etc.). pub.dev

Bloc, Cubit이란? Flutter에서 [UI]와, 데이터를 관리하는 [함수] 부분을 분리하여 관리하는 방법 차이점 [Bloc만 가능한 기능] 터미널에서, State를 변경한 Event를 로그로 남길 수 있다. Event가 발생하면, 특정 시간동안 기다렸다가 함수를 실행할 수 있음 ( 우리가 지정 ) Bloc 스트림 형식의 데이터를 처리한다. 이벤트(event)와 상태(state) 사이에 데이터 흐름을 처리. [ 과정 ] 1. UI에서 이벤트를 발생시킨다 2. Bloc이 이벤트를 감지한다. 3. 해당 이벤트에 맞는 함수를 실행하고, 내부 상태를 변경한다. 4. 변경된 상태를 UI에 반영한다. Cubit Bloc을 사용해 만들어진 더 간편버전 내부에 함수를 정의하고, 이를 통해 상태를 변경시킨다. [..

Flutter란? Google이 만든 Dart언어를 사용한, 멀티 플랫폼 개발 프레임워크 Flutter 특징 IOS, Android, MacOS, Windows, Linux, 사물인터넷, 임베디드 앱 개발 가능! ( 멀티 플랫폼의 의미 ) ( React는 임베디드 개발 불가능 ) Flutter 엔진을 사용해, 앱의 여러가지 요소를 "커스터마이징"할 수 있고, 아주 강력하다. Flutter 프로젝트 시작하기 Window Chocolatey로 다운 ( 해당 방법 사용하면, 아래 내용 건너뛰어도 됌 ) choco install flutter Flutter SDK 다운 Windows install How to install on Windows. docs.flutter.dev 프로젝트 폴더속에, 압축해제 환경 변..

Dart 란? Google에서 개발한 멀티 플랫폼 프로그래밍 언어 특징 1. 하나의 언어로, Android, IOS, Windows, MacOS, Linux 앱을 만들 수 있다!! ( 멀티 플랫폼 ) 2. 개발시에, 코드를 작성한 결과를 바로바로 화면에 보여준다 ( Just In Time - React와 동일 ) - 결과를 테스트 하려고, 전체 코드를 컴파일 하지 않아도 돼서, 개발 시간 단축! 3. 개발자가 null값을 참조하면, 컴파일러 하기전에 에러를 감지한다. - 앱 실행중에 ( 런타임 환경 ) 에러가 발생한다면, 그 에러는 컴파일 후에 발견할 수 있으므로 발견이 어렵다. - 에러를 초기에 감지하여 빠른 수정이 가능! 4. 이를 만든 Google의 앱 개발 도구인 Flutter와 연동성이 좋고, ..