본문 바로가기

플러터(flutter)38

플러터 기초 - UI 구성 플러터의 UI를 어떻게 구성하고 제일 중요한 핵심인 플러터의 UI 구성 어디서 UI를 정의하는지 UI의 구성 정의한 UI 구조를 한 눈에 살펴보기 플러터 UI의 시작 플러터의 UI는 runApp() 함수에서 시작한다. 플러터의 모든 UI는 위젯으로 되어있기 때문에 위젯을 반환하는 클래스를 runApp()에서 실행한다. void main() { // UI를 만들도록 하는 부분 runApp(MyApp()); } // StatelessWidget: class MyApp extends StatelessWidget { // build 메서드는 UI를 만들어준다 @override Widget build(BuildContext context) { } } 플러터의 기본적인 UI 구성하기 플러터의 UI는 각각의 위젯으로.. 2023. 4. 15.
Dart 기초 - 클래스 Dart 기초 - Constructor 생성하기 다음과 같은 방법으로 생성자를 만들 수 있다. class Player { late String name; late int score; Player(this.name, this.score); } void main() { var player1 = Player("Lee", 20); var player2 = Player("Kim", 30); print(player1.score); // 20 print(player2.score); // 30 // you can change the value. player2.score = 50; print(player2.score); } 코틀린과 유사하면서 조금 다른 모습을 볼 수 있다. 위 코드에선 생성자로 지정한 변수를 어느 타이.. 2023. 4. 9.
Dart 기초 - 함수 Dart는 다른 언어들이 갖지 않은 방법을 사용해서 함수를 만들 수 있는데 어떠한 방법들이 있는지 알아보자 Dart 기초 - 기본적인 함수 생성 방법 다음과 같은 방법을 사용해서 함수를 만들 수 있다. void sayHi(String name) { print("Hi $name"); } // Positional argument String getName(String name, String hi) => "${hi} My name $name"; // name required argument void greeting({required String name, required String hi}) { print(hi + name); } void main() { sayHi("Lee"); // Hi Lee print(.. 2023. 4. 5.
Dart 기초 - 컬렉션(Collections) Dart의 Collection으로 다음과 같은 것들이 있다. List Map Set Dart 기초 - List Dart에서 리스트는 다음과 같이 정의하고 값을 추가하거나 할 수 있다. void main() { var giveMeFive = true; var numbers = [1, 2, 3, 4, if (giveMeFive) 5]; print(numbers.first); // 1 print(numbers.last); // 5 // [1, 2, 3, 4, 5] print(numbers); numbers.add(6); // [1, 2, 3, 4, 5, 6] print(numbers); } 위 코드에서 사용한 것 이외에도 수많은 함수를 List에서 지원한다. 또한 for을 사용해서 다음과 같이 리스트 항목을 .. 2023. 4. 4.

티스토리툴바