MVVM

Flutter

[Flutter] Riverpod으로 상태관리하고, MVVM패턴 적용해서 Counter앱 만들기

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

TIL

[TIL] 250414 LeetCode 문제풀이, MVVM, 클린 아키텍처

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 아키텍처 패턴에 대한 ..

Flutter

[Flutter] 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라고도 불립니다.이는 사용자가 직접적으로 보는 화면으로, 사용..

Meezzi
'MVVM' 태그의 글 목록