Menu
CoddyTech

변수와 문자열

Coddy Flutter 여정의 첫 앱 만들기 섹션에 포함된 레슨. 32개 중 12번째.

문자열 안에 변수를 넣으려면 달러 기호와 변수 이름을 씁니다:

String name = 'Ada';
Text('Hello, $name!')   // 안녕, Ada!

이를 문자열 보간이라고 합니다. 단순한 이름이 아니라 계산식이나 속성 등을 넣으려면 달러 기호 뒤에 중괄호로 감쌉니다:

Text('$name has ${name.length} letters')   // Ada는 글자가 3개입니다

name.length는 문자열에 들어 있는 글자 수입니다. 중괄호가 없으면 '$name.length'는 이름 뒤에 .length를 붙여 표시합니다.

challenge icon

챌린지

쉬움

앱에는 name 변수가 있습니다. 이 변수를 사용해 두 줄에 다음과 같이 표시하세요:

  • Hello, Grace!
  • Grace has 5 letters, 숫자는 name.length에서 가져오세요

두 줄을 감싸는 Column은 한 줄을 다른 줄 아래에 배치합니다. 다음 장에서 직접 만들어 보겠습니다.

직접 해보기

import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    String name = 'Grace';
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('Hello!'),
              Text('Letters'),
            ],
          ),
        ),
      ),
    );
  }
}
quiz icon실력 점검

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

첫 앱 만들기의 모든 레슨

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