1. MVVMhttps://sfida.tistory.com/115 2. Riverpodhttps://sfida.tistory.com/112 3. Riverpod 적용 이전 코드 Flutter 프로젝트를 생성하면 자동으로 생성되는 기본 예제 코드입니다. 이 코드는 StatefulWidget 내에서 상태를 직접 변경하며 동작합니다. 이렇게 상태를 변경하는 코드와 UI 코드가 한 클래스 내에 섞여있으면 재사용과 테스트가 어려워지고, 상태를 관리하기 어려워집니다. import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.ke..
1. LeetCode 문제풀이https://sfida.tistory.com/114 [Dart] 383. Ransom Note1. 문제https://leetcode.com/problems/ransom-note/description/?envType=study-plan-v2&envId=top-interview-150 2. 요구사항1) 두 문자열 ransomNote와 magazine이 주어진다.2) ransomNote를 작성하기 위해 필요한 모든 문자를 magazisfida.tistory.com 2. MVVMhttps://sfida.tistory.com/115 [Flutter] Riverpod으로 MVVM패턴 적용해보기 (1)이 시리즈는 두 가지 섹션으로 구성됩니다. 1. MVVM 아키텍처 패턴에 대한 ..
1. MVVM 패턴MVVM은 앱의 기능을 Model - View - ViewModel 로 구분하는 아키텍처 패턴입니다. Model : 데이터 구조와 비즈니스 로직 담당View : 사용자의 입력을 받고 UI를 구성ViewModel : 상태를 관리하고, View와 Model사이에서 데이터를 연결 2. 권장 앱 아키텍처 구조 Flutter 공식 문서에서는 앱을 UI Layer와 Data Layer로 나누고, 필요에 따라 중간 레이어인 Domain Layer를 추가하여 복잡한 로직을 분리할 수도 있습니다. 1) UI Layer, Presentation Layer (View, ViewModel)UI Layer는 Presentation Layer라고도 불립니다.이는 사용자가 직접적으로 보는 화면으로, 사용..
1. 들어가며1) 상태관리란?상태라는 것은 앱에서 변할 수 있는 데이터를 의미합니다. 사용자가 버튼을 누르면 숫자가 1 증가하는 앱이 있다면여기서 증가하는 숫자가 상태가 되는 것이고, 로그인 기능이 있는 앱이 있으면로그인 여부(로그인/로그아웃)가 상태가 되는 것입니다. Flutter는 화면을 그릴 때 상태에 따라 위젯을 구성합니다.즉, 상태가 바뀌면 화면도 다시 그려야 하며,이런 상태 데이터를 효과적으로 다루는 방식이 상태 관리입니다. 2) setState의 한계점setState()는 Flutter에서 기본적으로 제공하는 가장 간단한 상태 관리 방법입니다. ① setState는 상태 변경과 UI 업데이트를 같은 위젯 안에서 처리하기 때문에상태와 UI 코드가 섞여 복잡해지고, 재사용성이 떨어진다는 단점이 ..
