UI

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..

완전히 새로운 스택들로 새 프로젝트를 시작할 일이 생겨서 배웠던 내용을 정리하기 위해 todolist강의를 제작하게 되었습니다. 사전 학습 목록 vue3.js javascript typescript 사전 설치 목록 node.js yarn node.js는 최신 lts 버전을 설치해주세요. Nuxt3 설치 npx nuxi init nuxt3-vuetify3-pinia cd nuxt3-vuetify3-pinia yarn install 위 코드를 실행하면 기본 라이브러리가 모두 설치됩니다. pinia와 vuetify3 설치 yarn add vuetify@3.0.0-alpha.12 sass pinia 설치가 완료되고 나면 아래와 같이 plugins 폴더 아래에 파일을 생성해주세요. 두 파일을 생성했으면 각 내용을..