분류 전체보기

Dart - Class Modifier

Dart - Class ModifierDart 3부터 클래스 선언에 사용할 수 있는 다양한 modifier가 도입되며, 코드 설계의 유연성과 안정성이 크게 향상되었습니다. 하지만 abstract, base, interface, final, sealed, mixin 등 다양한 키워드들이 존재하다 보니, 언제 어떤 걸 써야 하는지 헷갈릴 수 있죠. 이 글에서는 Dart 공식 문서 기준으로 각 modifier의 역할, 적절한 사용 시점, 간단한 예제를 통해 알아 보도록 하겠습니다. https://dart.dev/language/modifier-reference Modifier 요약 표Modifier생성자extendsimplementsmixin특징abstract final class❌❌❌❌❌class✅✅✅❌기본..

Vercel - Web 배포

Build Command./web_build.sh Output Directorybuild/web Install Commandif cd flutter; then git pull && cd .. ; else git clone https://github.com/flutter/flutter.git; fi && ls && flutter/bin/flutter doctor && flutter/bin/flutter clean && flutter/bin/flutter config --enable-web web_build.shflutter/bin/flutter build web --release

Flutter - DataLayer

해당 글은 플러터 공식 문서의 내용을 해석한 글입니다. https://docs.flutter.dev/app-architecture/case-study/data-layer Data layerA walk-through of the data layer of an app that implements MVVM architecture.docs.flutter.devFlutter MVVM 아키텍처 가이드: Compass 앱 사례 중심데이터 계층은 MVVM 용어로는 모델(Model)이라 불리며,애플리케이션 내 모든 데이터의 단일 진실 공급원(Source of Truth) 역할을 합니다.즉, 데이터는 오직 이곳에서만 업데이트되어야 합니다. 데이터 계층은외부 API로부터 데이터를 가져오고해당 데이터를 UI에 제공하며UI로부..

Flutter - UI Layer

해당 글은 플러터 공식 문서의 내용을 해석한 글입니다. https://docs.flutter.dev/app-architecture/case-study/ui-layerUI 계층 사례 연구 (UI Layer Case Study)Flutter 애플리케이션의 각 기능에 대한 UI 계층은 View와 ViewModel 두 가지 구성요소로 이루어져야 합니다. 일반적으로 ViewModel은 UI 상태를 관리하고, View는 그 상태를 렌더링합니다.View와 ViewModel은 일대일 관계이며, 각각의 View는 해당 View의 상태를 관리하는 하나의 ViewModel을 가집니다.이 View와 ViewModel의 쌍이 하나의 기능에 대한 UI를 구성합니다.예를 들어, 앱에는 LogOutView와 LogOutViewMod..

Flutter - 앱 아키텍처 가이드

해당 글은 플러터 공식 문서의 내용을 해석한 글입니다. https://docs.flutter.dev/app-architecture/guide Guide to app architectureThe recommended way to architect a Flutter app.docs.flutter.dev 앱 아키텍처 가이드이 섹션에서는 모범 사례를 기반으로 앱을 구축하는 방법을 설명합니다.이 가이드의 권장사항은 대부분의 앱에 적용 가능하며, 앱을 더 확장 가능하고, 테스트하기 쉬우며, 유지보수가 용이하게 만들어줍니다.다만, 이 가이드는 엄격한 규칙이 아니라 지침이며, 앱의 특성에 맞게 적절히 조정해 사용해야 합니다. 이 섹션에서는 Flutter 앱을 어떻게 구조화할 수 있는지에 대한 고수준 개요를 제공합니다..

Flutter - 앱 아키텍처 핵심개념

Flutter 앱 아키텍처 핵심 개념해당 글은 플러터 공식 문서의 내용을 해석한 글입니다. https://docs.flutter.dev/app-architecture/concepts Common architecture conceptsLearn about common architecture concepts in application design, and how they apply to Flutter.docs.flutter.dev이 섹션에서는 앱 개발 전반에서 널리 사용되는 아키텍처 원칙들과, 그것들이 Flutter에서 어떻게 적용되는지를 다룹니다.복잡한 개념에 대한 친절한 소개를 통해, 아키텍처 설계 시 꼭 알아야 할 용어와 모범 사례들을 이해할 수 있습니다. 관심사의 분리 (Separation of c..