Flutter에는 많은 상태관리 패키지들이 존재한다. 그 중 Riverpod에 대해서 알아보자. Riverpod는 Provider의 anagram(철자 바꾸기)이다. Riverpod는 Flutter/Dart의 반응형 캐싱 프래임워크로 선언적 프로그래밍과 반응형 프로그래밍을 사용하여 애플리케이션 로직의 상당 부분을 처리한다. https://riverpod.dev/ko/docs/introduction/getting_started Getting started | Riverpod Try Riverpod online riverpod.dev 설치 공식문서 상 아래와 같은 의존성들을 주입해주어야한다는데, 굳이? 다 필요한가 싶긴하다. 예측일뿐 아직 뭐가 뭔지 모르니 우선 다 설치해주자. flutter pub add ..

마치 React에서의 관심사 분리와 비슷하게 Flutter에도 관심사 분리를 어떻게 적용시킬지를 정하는 디자인 패턴이 있다. Flutter로 앱 개발을 하게되면 앱의 확장성과 유지보수의 편의성을 고려해 적용하는 여러가지 디자인 패턴이 있다. 개발하기에 앞서 어떤 디자인 패턴이 있는지 알아보자. MVC MVC 패턴은 인터페이스, 데이터 데이터 제어에 사용되는 소프트웨어 디자인 패턴이다. Model, ViewModel, View는 각자의 역할을 한다. 만약, 한 페이지 안에 변수, 함수, 위젯을 한 번에 선언하게 되면 가독성과 효율이 매우 좋지 않으므로, 코드를 작성하고 수정할 때 많은 시간이 소요될 것이다. 이러한 문제를 해결하기위해 각 Model, ViewModel, View로 분리한다면 필요한 부분만을..

Flutter는 위젯으로 시작해서 위젯으로 끝난다. 화면에 표시된 모든 요소가 위젯이며, 눈에 보이지 않지만 화면을 구성하는 레이아웃도 위젯이다. 위젯은 크게 StatelessWidget과 StatefulWidget으로 분류할 수 있다. StatelessWidget 말그대로 상태를 가지고 있지 않은 위젯이다. 어떠한 상태값도 가지고 있지 않기 때문에 StatelessWidget은 화면에서 특정 움직임이나 변화가 없이 정적이다. 화면에는 표시되지만, 사용자와 어떠한 인터렉션도 하지 않으며, 어떠한 움직이나 변화를 가지고 있지 않다. StatefulWidget StatelessWidet과는 반대로 어떠한 상태값을 가지고 있으며, 상태값에 의해 화면에 움직임이나 변화를 표현할 때 사용한다. 사용자의 인터렉션에..

Flutter는 다음과 같이 일반적으로 사용되는 기본 Widget이 제공된다. Text 스타일이 지정된 텍스트를 생성할 수 있다. Row, Column 웹의 Flexbox 레이아웃 모델을 기반으로하여, Row, Column 방향 모두에서 유연한 레이아웃을 만들 수 있다. Stack 선형 방향(수평 또는 수직) 대신 Stack 위젯을 사용하여 페인트 순서에 따라 위젯을 서로 포개어 배치할 수 있다. Container 컨테이너는 배경, 테두리, 그림자 등으로 장식될 수 있고, 여백(margin), 안쪽 여백(padding) 및 크기에 대한 제약 조건이 적용될 수 있다. 또한 컨테이너는 행렬을 사용하여 3차원 공간에서 변환될 수 있다. 기본 사용법 import 'package:flutter/material.d..

프로젝트 시작 프로젝트 생성 > flutter create toonflix > cd toonflix > code . vscode 확장 설치 dart flutter 프로젝트 초기화 "main.dart" 파일의 void main() 함수 아래부분을 모두 지워주자. 그리고 main 함수 안의 runApp 함수를 확인해보면 아래와 같다. runApp() Function flutter에서 main함수는 필수이며 그 안에 들어가는 runApp 함수는 앱의 시작점, 루트라고 생각할 수 있다. runApp함수는 Widget 매개변수를 받고있는데, flutter는 모두 Widget으로 이루어진다고 생각할 수 있다. 마치 레고블럭과 같이 Widget들을 합치고 조립하여 하나의 앱이 완성된다. 공식 위젯은 아래 링크에서 확..

1. homebrew 설치 2. flutter 설치 brew install --cask flutter cask 옵션은 flutter를 application으로 넣어주기 위함 만약 dart가 설치되어있다면, 삭제하고 flutter로 다시 설치 (dart가 같이 설치된다) 3. 필수사항 확인 flutter docter 위 명령어로 flutter를 사용하기위해 필요한 것들을 확인해보자. 4. xcode 설치 1. app store에서 xcode 검색 후 설치 2. 아래 명령어 입력 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer sudo xcodebuild -runFirstLaunch 3. cocoapods 설치 - 링크 brew i..