2024. 9. 2. 14:49Lifecycle

보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 해주세요.

2024. 9. 1. 17:41StatefulWidget

보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 해주세요.

콜백 함수
Flutter 초급2024. 9. 1. 16:01콜백 함수

콜백 함수란?콜백 함수는 다른 함수의 인자로 전달되는 함수를 말한다.콜백 함수를 전달받은 함수는 특정 시점이나 이벤트 발생 시 전달받은 콜백 함수를 실행한다.즉, 콜백 함수는 특정 기능이 실행됐을 때 실행하는 함수이다.이를 통해 함수 간 통신과 데이터 전달이 가능해집니다.  Flutter에서의 콜백 함수 활용Flutter에서는 다양한 위젯과 함께 콜백 함수를 활용하여 사용자 인터페이스를 구성한다. 대표적인 예시로는 다음과 같은 것들이 있다:  onPressed 콜백:ElevatedButton, TextButton 등의 버튼 위젯에서는 onPressed 콜백을 통해 버튼 클릭 이벤트를 처리할 수 있다.버튼 위젯이 눌렀을 때 다시 되돌아와서 실행할 함수를 콜백 함수이다. onChanged 콜백: TextFi..

Controller
Flutter 초급2024. 9. 1. 14:53Controller

Flutter에서 Controller는 위젯과 위젯의 상태를 관리하는 데 사용된다.Controller를 사용하면 위젯의 라이프사이클과 별개로 상태를 유지할 수 있습니다.이는 특히 StatelessWidget에서 유용한데, StatelessWidget은 그 자체로는 변경 가능한 상태를 가질 수 없기 때문이다.  Controller란?어떤 메서드(함수) 혹은 속성을 통해서 controller가 입력이된 위젯을 제어할 수 있게끔 한다.  TextEditingController 예제가장 일반적으로 사용되는 컨트롤러 중 하나는 TextEditingController이다.이 컨트롤러는 TextField 위젯의 텍스트를 관리하는 데 사용된다. StatelessWidget에서 TextEditingController를 ..

StatelessWidget
Flutter 초급2024. 9. 1. 13:26StatelessWidget

Flutter에서 위젯은 모든 것의 기본 구성 요소이다.화면에 표시되는 모든 것이 위젯이다.그 중에서도 StatelessWidget은 상태를 가지지 않는 위젯을 만들 때 사용된다.   StatelessWidget이란?StatelessWidget은 변경 불가능한(immutable) 속성을 가진 위젯이다. 즉, 한 번 생성되면 변경되지 않는다. StatelessWidget은 자체적으로 상태를 가지지 않으며, 부모로부터 전달받은 속성에 의해서만 결정된다.예를 들어, 텍스트를 표시하는 Text 위젯이나 아이콘을 표시하는 Icon 위젯은 StatelessWidget의 대표적인 예시이다.  StatelessWidget 생성하기StatelessWidget을 생성하려면 StatelessWidget 클래스를 상속받아야 ..

Dart 메서드의 매개변수 타입으로 클래스 사용하기
Dart/OOP2024. 8. 31. 19:12Dart 메서드의 매개변수 타입으로 클래스 사용하기

Dart에서는 메서드의 매개변수 타입으로 클래스를 사용할 수 있다.이를 통해 메서드가 특정 클래스의 인스턴스를 매개변수로 받도록 지정할 수 있다.이 글에서는 일반 클래스와 열거형 클래스를 메서드의 매개변수 타입으로 사용하는 방법과 이점에 대해 알아보겠다.  일반 클래스를 매개변수 타입으로 사용하기다음은 Idol 클래스와 introduce 메서드를 사용한 예제이다:실행 결과:안녕하세요, 제 이름은 제니이고 28살입니다.위 예제의 주요점:위 예제에서 Idol 클래스는 name과 age 속성을 가지고 있다.introduce 메서드는 Idol 클래스를 매개변수 타입으로 받아 해당 인스턴스의 name과 age 속성을 사용하여 소개 문장을 출력한다.main 함수에서는 Idol 클래스의 인스턴스 '제니'을 생성하고,..

Semantic Versioning
Flutter 초급2024. 8. 30. 17:20Semantic Versioning

Flutter는 빠르게 발전하는 크로스 플랫폼 모바일 앱 개발 프레임워크이다.이런 발전 속도를 따라가기 위해서는 Flutter의 버전 관리 시스템을 이해하는 것이 중요하다.   Semantic Versioning이란?Semantic Versioning(SemVer)은 버전 번호를 Major.Minor.Patch 형식으로 구성하는 버전 관리 규칙이다.major.minor.patch예를 들어 2.5.0과 같은 형태로 버전이 표기된다. 각 숫자의 의미는 다음과 같다:Major: API의 호환성이 깨질 정도로 큰 변화가 있을 때 증가Minor: 하위 호환성을 유지하면서 기능이 추가될 때 증가Patch: 하위 호환성을 유지하는 범위 내에서 버그가 수정될 때 증가이러한 명확한 규칙 덕분에 사용자는 버전 번호만 보고..

MainAxisAlignment, CrossAxisAlignmnet
Flutter 초급2024. 8. 27. 18:11MainAxisAlignment, CrossAxisAlignmnet

MainAxisAlignmentMainAxisAlignment는 주축을 따라 자식 위젯들을 어떻게 배치할지 결정한다. Row의 경우: 주축은 가로 방향이다.Column의 경우: 주축은 세로 방향이.MainAxisAlignment의 옵션들:MainAxisAlignment.start: 시작 부분에 위젯들을 배치한다.MainAxisAlignment.end: 끝 부분에 위젯들을 배치한다.MainAxisAlignment.center: 중앙에 위젯들을 배치한다.MainAxisAlignment.spaceBetween: 양 끝에 위젯을 배치하고, 위젯을 같은 간격으로 배치한다.MainAxisAlignment.spaceEvenly: 양끝에 위젯이 아닌 빈 간격으로 시작하고 , 위젯을 같은 간격으로 배치한다.MainAxi..

플러터 위젯
Flutter 초급2024. 8. 27. 13:22플러터 위젯

위젯이란?"Everything is a Widget"은 구글이 플러터를 소개할 때 자주 사용하는 문구이다.이는 한국어로 "모든 것은 위젯이다"라고 직역할 수 있다.이 문구는 플러터의 핵심 철학을 잘 나타내고 있다. 플러터에서 위젯의 중요성:UI 구성: 화면에 보이는 모든 UI 요소는 위젯으로 구성된다.상태 기반 UI: 위젯은 현재의 상태(state, 즉 데이터)를 기반으로 UI를 정의한다.동적 UI 업데이트: 위젯의 상태가 변경되면, 플러터는 자동으로 UI를 업데이트한다.플러터의 효율적인 UI 업데이트 방식:차이점 비교: 플러터 프레임워크는 기존 상태의 위젯과 새로운 상태의 위젯을 비교한다.최소 변경: UI 변화를 반영할 때 필요한 최소한의 변경 사항만을 계산한다.효율적인 렌더링: 계산된 최소 변경사항만..

플러터
Flutter 초급2024. 8. 27. 12:31플러터

플러터 소개플러터(Flutter)는 구글이 개발한 크로스 플랫폼 프레임워크(cross platform framework)이다. 크로스 플랫폼이란 하나의 코드베이스로 여러 운영 체제나 플랫폼에서 실행할 수 있는 애플리케이션을 만들 수 있는 기술을 의미한다. 초기에 플러터는 안드로이드와 iOS 모바일 운영체제를 위한 앱 개발만을 지원했다.그러나 현재는 그 범위가 크게 확장되어 웹사이트, macOS, 윈도우, 리눅스 데스크톱 애플리케이션까지 개발할 수 있게 되었다. 이는 플러터의 유연성과 확장성을 잘 보여주는 예시이다.   플러터 장점플러터를 사용하여 개발하면 단일 소스 코드로 다양한 플랫폼에 대응할 수 있어 여러 가지 이점이 있다: 1. 개발 비용 절감: 각 플랫폼별로 별도의 개발 팀을 운영할 필요가 없어진..

image