본문 바로가기
반응형

Flutter428

플러터에서 http 패키지를 사용한 The Movie Database API사용 방법 플러터로 영화 검색 앱을 만드는 방법을 간단히 설명할게요!여기서는 영화 정보 API(예: The Movie Database API)를 사용해서 영화 목록을 검색하고 보여주는 앱을 만들 거예요. 1. Flutter 프로젝트 생성먼저, 플러터 프로젝트를 만들어야 해요.flutter create movie_search_appcd movie_search_app2. 의존성 추가pubspec.yaml 파일을 열고, 필요한 패키지를 추가해요.우리는 영화 정보를 가져오기 위해 http 패키지를 사용할 거예요.dependencies: flutter: sdk: flutter http: ^0.14.0그 후, flutter pub get 명령어로 패키지를 설치해요.3. API 설정The Movie Database (.. 2024. 11. 12.
플러터에서 위젯을 분리 하는 방법 위젯을 분리하는 방법은 Flutter 앱을 더 깔끔하고 유지보수하기 쉽게 만드는 중요한 방법입니다.하나의 화면이나 클래스가 너무 커지면 여러 가지 문제가 발생할 수 있습니다. 예를 들어, 가독성이 떨어지고 코드가 복잡해지며 디버깅이 어려워집니다.따라서 Flutter에서는 위젯을 적절히 분리하는 것이 중요합니다.여기서는 위젯을 분리하는 기본적인 방법과 실용적인 예시를 소개합니다.1. 기본적인 위젯 분리Flutter에서 위젯을 분리하는 방법은 크게 두 가지로 나눌 수 있습니다:상태가 없는 StatelessWidget: 상태가 없고 단순히 UI를 표시하는 위젯을 분리.상태가 있는 StatefulWidget: 상태를 관리하는 로직을 가진 위젯을 분리.2. 상태 없는 위젯 분리상태가 없는 위젯은 UI를 렌더링하는.. 2024. 11. 11.
플러터에서 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.
반응형

티스토리툴바