Menu
CoddyTech

데이터를 위한 클래스

Coddy Flutter 여정의 목록과 화면 섹션에 포함된 레슨. 33개 중 12번째.

책은 하나의 문자열 이상입니다. 제목과 저자가 있고, 이 둘은 서로 관련되어 있습니다. 클래스는 필드라고 하는 이름이 지정된 부분들로 이루어진 새로운 종류의 값을 설명합니다.

class Book {
  final String title;
  final String author;

  Book(this.title, this.author);
}

Book(this.title, this.author); 줄은 생성자입니다. 새 책을 만들고, 순서대로 필드에 값을 넣습니다. Book('Dune', 'Frank Herbert')는 제목이 Dune인 책입니다.

점 표기법으로 필드를 읽습니다. book.title, book.author. 책 목록의 타입은 List<Book>이며, 문자열 목록의 타입이 List<String>인 것과 같습니다.

클래스는 위젯 클래스 바깥의 독립된 위치에 두며, 보통 파일의 맨 아래에 둡니다.

challenge icon

챌린지

중급

Book 클래스에는 제목만 있습니다. 저자도 추가하세요:

  • final String author; 필드를 추가하고, 생성자에서 제목 다음에 값을 지정하세요
  • 각 책의 저자를 지정하세요: Frank Herbert, Jane Austen, James Joyce
  • 각 타일의 subtitle로 저자를 표시하세요

직접 해보기

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    final List<Book> books = [
      Book('Dune'),
      Book('Emma'),
      Book('Ulysses'),
    ];
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(title: const Text('Books')),
        body: ListView(
          children: [
            for (Book book in books)
              ListTile(
                title: Text(book.title),
              ),
          ],
        ),
      ),
    );
  }
}

class Book {
  final String title;

  Book(this.title);
}
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

목록과 화면의 모든 레슨

직접 연습해 보세요: 온라인 Flutter 컴파일러