본문 바로가기

Flutter

(6)
[Flutter] 서버와 통신하는 방법 안녕하세요! 메로나입니다. 오늘은 Flutter 개발 중인데 서버와 통신이 필요해서 공부하려고 합니다.개발 방법은 사람마다 다르지만, 제가 적용한 방법을 말씀드리려고 합니다. 클린 아키텍처Presentation Layer사용자 인터페이스를 담당하며, 사용자와의 상호작용을 처리합니다.Application LayerUI와 도메인 계층 사이의 중재자로서, 사용자 입력을 처리하고, 도메인 계층의 로직을 호출합니다.Domain Layer비즈니스 로직과 규칙을 포함하며, 애플리케이션의 핵심 기능을 정의합니다.Data Layer외부 데이터 소스와의 상호작용을 처리합니다.구성 요소API: Dio 객체를 통해 서버와 통신하여 데이터를 요청하고 응답받았습니다.(Dio는 라이브러리로 서버와 통신할 수 있게 도와줍니다.)Re..
[Flutter] 라이센스 중요성 안녕하세요. 메로나입니다. 오늘은 라이선스에 대해 공부하겠습니다. 지금까지 라이센스를 생각 없이 필요하면 가지고 와서 사용하고 앱을 개발했었는데 오늘 공부하면서 생각 없이 가져와서 기능을 구현했다고 좋아할게 아니라는 것을 알았습니다.잘못 사용하면 오히려 독이 될 수 있다는 것을 알았습니다. 라이센스란?특정 소프트웨어를 사용할 수 있는 권한을 명시한 법적 문서입니다.소프트웨어 개발자가 자신의 코드를 다른 사람이 사용할 수 있도록 허용하는 조건을 정의하는 것입니다.라이선스에 따라 사용, 수정, 배포 등에 제한이 있을 수 있습니다.오픈 소스 소프트웨어란?소스 코드가 공개되어 있어 누구나 사용할 수 있는 소프트웨어를 뜻합니다.단순히 무료로 사용할 수 있다는 의미가 아니라, 소스 코드가 개방되어 있고, 누구나 이..
[Flutter] Flutter Navigation 안녕하세요. 메로나입니다. 오늘은 Flutter에서 Navigation 기능은 어떻게 구현하는지 공부하겠습니다. Navigation 기능은 무엇인가?앱의 화면 간 이동을 처리하는 핵심 부분을 뜻합니다. Bottom Navigation 기능 import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatefulWidget { @override State createState() => _MyAppState();}class _MyAppState extends State { late int index; @override void initState() { super.initState(); ..
[Flutter] pubspec.yaml 안녕하세요. 메로나입니다. 오늘은 flutter를 공부하면서 pubspec.yaml 파일이 무슨 역할을 하는지 공부해 보겠습니다. pubspec.yaml 파일은 무슨 파일인가?Flutter 프로젝트의 핵심 구성 파일프로젝트의 메타데이터, 의존성, 자산 등을 정의프로젝트의 설정을 관리하고, 필요한 패키지나 리소스를 쉽게 추가pubspec.yaml 파일의 내용 살펴보기// 프로젝트 이름name: my_app// 프로젝트에 대한 간단한 설명description: A new Flutter project.// 프로젝트 버전// 안드로이드 버전은 해당 버전을 사용하지만, ios는 따로 버전 관리를 합니다.version: 1.0.0+1// 프로젝트에서 사용할 Dart SDK 버전을 지정합니다.// 3.0.0 버전인 ..
[Flutter] Flutter의 Widget Lifecycle 안녕하세요. 메로나입니다. 오늘은 Flutter Widget에 대한 Lifecycle을 공부해보려 합니다.현재 안드로이드 개발자로 활동하면서 Lifecycle의 중요서울 알기에 flutter를 접하면서 flutter Lifecycle을 찾아보니 있더군요! Flutter Widget Lifecycle은 Stateless Widget Lifecycle과 Stateful Widget으로 나뉘는 것을 확인했습니다.두 가지 Lifecycle에 대해 공부하겠습니다. Stateless Widget Lifecycle?Stateless Widget 은 최초 앱 빌드 시 UI가 변하지 않습니다.즉 단 한 번의 build() 함수를 실행합니다.만약 변경이 필요하다면 새로 build()를 해야 합니다. Stateful Wid..
[Flutter] Stateful Widget vs Stateless Widget 차이 안녕하세요. 메로나입니다. 오늘은 Flutter를 접하면서 Stateful이 상속된 class와 Stateless가 상속된 class를 본 적이 있을 겁니다.어떤 역할을 하는지 / 어떤 차이점이 있는지 공부하겠습니다. Stateful Widget이란?import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatefulWidget { const MyApp({Key? key}) : super(key: key); @override // ignore: library_private_types_in_public_api _MyAppState createState() => _MyAppState(..