Flutter(6)
-
Flutter에서 위젯(Widget)이란?
1. 위젯이란 무엇일까?위젯을 레고 블럭에 비유할 수 있다. 레고 블럭을 조립해서 무언가를 만들어내는 것처럼, Flutter에서도 다양한 위젯을 조합하여 UI를 구성한다. Flutter에서는 모든 것이 위젯이다. 즉, 위젯은 UI를 구성하는 가장 작은 단위이며, 이러한 위젯들을 모아서 우리가 보는 화면이 만들어진다! 2. 위젯의 주요 분류위젯은 크게 두 가지 유형으로 나눌 수 있다.StatelessWidget한 번 그려지면 변경되지 않는 위젯예를 들어, 앱의 로고나 정적인 텍스트와 같은 변경되지 않는 요소에 사용비교적 간단하고 사용하기 쉽다.StatefulWidget상태를 가지며, 이 상태가 변경될 때마다 UI가 업데이트된다.사용자 입력에 따라 변하는 버튼이나 폼 필드와 같은 동적인 요소에 사용 3. S..
2024.08.29 -
Flutter vs React Native, 어떤 걸 선택할까? 🤔
💬 모바일 앱 개발 도구를 선택할 때, Flutter와 React Native는 비교 대상이 된다. 두 프레임워크 모두 크로스 플랫폼 개발을 지원하지만, 접근 방식과 강점은 다르다. 이번 글에서 두 프레임워크의 특성을 비교하고, 어떤 상황에서 더 적합할지 알아보자!1️⃣ Flutter는 마치 게임 엔진처럼 작동한다?Flutter는 독특한 방식으로 UI를 그린다. 화면을 직접 그리는 FlutterFlutter는 모든 화면의 픽셀을 스스로 그리는데 게임 엔진이 화면을 구성하는 방식과 비슷하다. 운영체제와 독립적인 FlutterFlutter는 iOS, 안드로이드, 윈도우, 리눅스, 맥OS와 직접 상호작용하거나 UI 렌더링을 요청하지 않는다. 대신 자체 엔진을 사용해 모든 UI 컴포넌트를 렌더링한다. 이 방식..
2024.08.26 -
[Flutter] Dart - 4. Class
Dart의 메인디쉬~ 집중해야댄다구~1. Your First Dart Classclass Player { String name = "miri"; // 만약 name의 값을 바꾸지 못하게 할거라면 final을 사용하면 됨 int age = 30; void sayHello() { // class method에서는 this.name과 같이 this를 사용하지 않는것을 권고 print("Hi, my name is $name"); // 단, method내에서 name이라는 variable이 있는데 Player class의 name을 불러오고 싶다면 this를 사용 // var name = "122"; // print("Hi, my name is $this.name"); }}void main(..
2024.08.25 -
[Flutter] Dart - 3. Function
1. Defining a Functionvoid sayHello(String name) { // void는 아무것도 return하지 않는다는 뜻 print("Hello, $name");}// 리턴하는 경우에는 아래와 같이 작성해야함String sayHello1(String name) { // void는 아무것도 return하지 않는다는 뜻 return "Hello, $name";}// 위와 같이 return하는 동일한 함수String sayHello2(String name) => "Hello, $name";void main() { print(sayHello1('miri')); // Hello, miri print(sayHello2('miri')); // Hello, miri}2. Named P..
2024.08.25 -
[Flutter] Dart - 2. Data Type
1. BasicString name = "MiRi";bool alive = false;int age = 12;double money = 99.99;// num은 int와 double의 부모num x = 1;num y = 1.1;2. Listvar numbers = [ 1, 2, 3, 4,]; // 끝에 쉼표 붙여주면 보기 편함List numbers1 = [1, 2, 3, 4];3. Collection ifvar giveMeFive = true;var numbers = [ 1, 2, 3, 4, if (giveMeFive) 5,];print(numbers); // [1, 2, 3, 4, 5]// 동일한 방법var numbers = [ 1, 2, 3, 4,];if(giveMeFive) ..
2024.08.25 -
[Flutter] Dart - 1. Variables
1. Varvar name = '미리'; // 변수 선언 방법 1 → 함수, 메소드 내부 지역변수 선언시 사용String name1 = "MiRi"; // 변수 선언 방법 2 → class에서 변수나 property 선언시 사용print(name);print(name1);2. Dynamicvar name; // 여러 타입을 가질 수 있는 변수 선언 방법 1dynamic name1; // 여러 타입을 가질 수 있는 변수 선언 방법 2 → 단, 정말로 써야할 때만 사용하도록!if (name1 is String) { // 다이나믹으로 변수 선언한 경우, 위와 같이 조건문 선언하면 내부에서 name3는 타입을 String으로 인식하여 관련 메서드 사용 가능 name1.isEmpty;}name = 'MiRi'..
2024.08.25