본문 바로가기
728x90

Flutter390

플러터에서 Moor 패키지 사용 방법(sql 쿼리) Moor는 Flutter에서 로컬 데이터베이스 작업을 더욱 간편하고 효율적으로 처리할 수 있게 도와주는 Flutter용 SQLite 라이브러리입니다.SQLite를 기반으로 하지만 SQL 쿼리를 직접 작성할 필요 없이 Dart 객체를 사용해 데이터를 다룰 수 있습니다.Moor는 객체 지향적인 방식으로 SQLite를 제어할 수 있도록 설계되었으며, 특히 Flutter와의 통합에 매우 유용합니다.Moor의 주요 특징 및 기능1. 데이터 모델 정의와 관리Moor에서는 데이터베이스 테이블을 Dart 클래스로 정의하고, 이를 기반으로 데이터를 관리합니다. 일반적으로 @Table 어노테이션을 사용하여 테이블을 정의합니다. 이를 통해 SQL 없이 객체 지향적으로 데이터를 처리할 수 있습니다.테이블 정의테이블을 정의할 .. 2024. 11. 9.
Flutter에서 Optimistic Response Cache 완벽 가이드 모바일 앱을 만들다 보면, 서버 응답이 지연되면서 유저 경험이 떨어지는 경우가 있습니다.특히 네트워크가 느리거나 연결이 불안정할 때 더 그렇죠. 이런 상황을 개선하기 위해 Optimistic Response Cache라는 기술이 있습니다.Flutter에서도 이 기술을 이용하면 앱 속도를 높이고 유저에게 더 매끄러운 경험을 제공할 수 있습니다. Optimistic Response Cache는 초보자들이 이해하기 어려울 수 있는 기술이지만, 쉽게 풀어서 설명해드리겠습니다.이 글에서는 Optimistic Response Cache가 무엇인지, 왜 필요한지, 그리고 Flutter에서 어떻게 구현하는지 단계별로 설명드리겠습니다.1. Optimistic Response Cache란 무엇인가?Optimistic Re.. 2024. 11. 7.
플러터 클린 아키텍처: 작은 앱에서 큰 프로젝트까지의 맞춤 설계 클린 아키텍처는 소프트웨어 엔지니어 로버트 C. 마틴(Robert C. Martin)이 제안한 설계 원칙을 따릅니다.이 아키텍처는 계층화된 구조를 사용하여 확장성과 테스트 용이성을 제공합니다.이번 글에서는 프로젝트의 규모가 커짐에 따라 발생하는 여러 문제를 해결하기 위한 6단계를 소개하겠습니다.이 과정에서 클린 아키텍처가 어떻게 적용되었는지를 설명드리겠습니다.이 내용은 Flutter 뿐만 아니라 다른 앱 개발에도 적용할 수 있습니다.1단계: 첫 번째 아키텍처가장 처음에는 View에서 직접 서버로 데이터를 요청하여 화면을 구성하는 간단한 구조였습니다.class PostListViewState extends State { List _posts = []; // 1. 데이터를 받아와 저장합니다. void .. 2024. 11. 4.
플러터에서 Freezed 플러그인! Entity Code Generation은 이거 하나로 끝 Flutter는 코드 생성 기능이 매우 활성화되어 있습니다.잘 알려진 json_serializable 라이브러리와 retrofit 및 chopper 라이브러리도 이에 해당합니다.오늘 소개할 freezed는 데이터 클래스에 다양한 편의 기능을 제공하는 코드 생성 라이브러리입니다.Freezed vs Json Serializable"Freezed 라이브러리가 이미 사용되고 있는 다른 코드 생성 라이브러리와 도대체 뭐가 다른가?"라는 질문이 생길 수 있습니다.freezed는 데이터 클래스에서 필요한 기능들을 한 번에 제공해주는 라이브러리입니다.비슷한 역할을 하는 json_serializable과 함께 사용하면, freezed는 copy 기능, toString 오버라이드, Union 클래스 등을 추가적으로 사용할.. 2024. 10. 27.
플러터에서 VS Code로 쉽게 리팩토링하기 - 초보자를 위한 단계별 가이드 플러터 리팩토링이란?리팩토링은 코드의 기능을 바꾸지 않으면서 구조를 개선하는 작업입니다. 이를 통해 코드가 더 읽기 쉬워지고, 유지보수가 용이해집니다.특히, 플러터와 같은 프레임워크에서는 코드가 복잡해질수록 리팩토링이 중요해지는데요.오늘은 VS Code를 활용해 플러터 앱을 쉽게 리팩토링하는 방법을 알아보겠습니다.플러터에서 리팩토링을 위한 필수 VS Code 단축키와 기능초보자도 쉽게 따라할 수 있는 VS Code의 주요 리팩토링 기능을 단계별로 설명합니다. 여기에 더해 코드 예제와 설명을 통해 플러터 프로젝트의 구조를 개선하는 방법을 차근차근 알려드리겠습니다.VS Code에서 플러터 리팩토링 준비하기1. VS Code 설치 및 플러터 플러그인 활성화VS Code는 다양한 언어를 지원하는 코드 에디터로,.. 2024. 10. 27.
플러터에서 InheritedWidget: 초보자를 위한 간단한 가이드 1. InheritedWidget이란?InheritedWidget은 Flutter에서 데이터를 트리구조로 전달하는 방법 중 하나입니다. 간단히 말해, 한 위젯에서 데이터를 생성하고, 그 데이터를 자식 위젯들이 어디서든 접근할 수 있게 합니다. 이 방식은 상태 공유가 필요한 경우에 유용합니다. 예를 들어, 여러 화면에서 로그인 상태를 공유하거나, 테마 설정을 위젯 트리 전체에서 유지하고 싶을 때 사용할 수 있어요.2. 언제 InheritedWidget을 사용해야 할까?다음과 같은 경우 InheritedWidget을 사용하는 것이 좋습니다:위젯 트리의 여러 곳에서 동일한 데이터에 접근할 필요가 있을 때전역 상태 관리가 필요할 때상태를 위젯 트리의 상위에서 하위로 전달해야 할 때하지만, 요즘은 상태 관리 도구.. 2024. 10. 25.
728x90